Emmet
Emmet 的前身就是 Zen Coding。
它是一组专门用来提高编写 HTML 和 CSS 代码速度的便利工具。将它整合进文本编辑器,可以提供一些功能和快捷方式,加快开发速度。提供包括 Eclipse、IDEA、UltraEdit、SlickEdit 的插件。
Emmet的前身是大名鼎鼎的Zen coding,可以极大的提高html的开发效率,而且很多编辑器都有针对他的插件,如:notepad++、eclipse、vscode等等,下面以vscode为例做一个演示:
如图是就是用emmet插件快速创建了一个html的demo代码,下面我们继续演示其他的快捷指令:
当然emmet的语法还有很多,上面的动图只是做了个简单的演示,它可以让你在开发前端的时候可以更快的完成工作。
Snippets
Snippets(代码片段),vscode、Idae等都有配置代码片段的功能,可以极大的提高开发的效率。
notepad++
notepad++,是一款开源的文本编辑工具。
列编辑
首先我认为一个比较好用的功能就是列编辑功能,比如有10行数据,我们要对10行的前四个字符进行变更,这个时候就可以通过alt+左键来进行列选择功能来批量修改内容。
构建SQL语句
正则查找和替换
有的时候需要对一段代码或者sql进行修改,这种修改是有规律可遵循的,那么用正则替换就要比手工去操作更高效一些。
Base64、URL等编码和解码的插件
如下图MIME Tools这个插件支持我们常用的几种编码和解码方式,只需要在编辑器中选中需要编码或解码的文本选择菜单中的选项即可。
JSON插件
我知道很多朋友都是在网页上的在线json解析工具来格式化和分析json的,这里我们不用打开浏览器便可以在自己的编辑器中格式化json。