Notepad++前端开发常用插件介绍

Notepad++前端开发常用插件介绍

Notepad++除了自身的功能强大之外，更是有许多非常的优秀的插件，下面就总结一下前端开发过程一些比较常用的插件。

Emmet

Emmet的前身是Zen Coding，一款使用仿CSS选择器的语法来快速开发HTML和CSS的插件，是前端开发神器。它无视了编辑器的自动提示和自动完成，秒杀了你自定义的各种快捷键或者 AHK 的热字符串，以智能简洁高效的缩短输入，带给你超快速地书写各种复杂而枯燥的 HTML 和 CSS 代码的体验。现在可以在Notepad++的插件管理器里直接安装了。

例如：输入div#name后按Ctrl+E被转换成<div id="name"></div>

详细用法参考： http://www.gbtags.com/gb/share/1996.htm

Finger Text

标签代码替换和文本自动完成插件，编辑器配合这个功能可以有效地提升代码的书写速度，提高自己的工作效率，例如我输入if然后按Tab键将会把if替换成一个完整的if结构，可以极大的提高效率，当然具体怎么替换是可以配置的。详细用法参考：　Finger Text

TextFx

这个号称是Notepad++上面最好用的plugin，具有超强的文本处理能力，比如文本编码处理等。编程某种程度上就是文本工作，所以这个插件对开发人员应该是非常有帮助的。以前是默认安装的，现在需要自己手动安装。详细用法可以参考：http://zhibin07.iteye.com/blog/1287234

Task List

自动扫描当前文档，将所有"TODO:"开头的注释都找出来，列在右边的面板中，双击可以跳转该行。这和Eclipse里的TODO功能很相似，便于标记查找没有完成的工作。

HTML Tag

编辑HTML代码时比较有用，它主要的功能是匹配选择的标签，对HTML标签编码及解码，对JS编码及解码，我认为对HTML标签编码及解码是最有用的功能了。

TagsView

可以列出当前文档的全局变量，函数列表等，方便查找定位函数，变量等。

JSON Viewer

可以以树的形式查看JSON，同时可以格式化JSON，增加缩进。

JSLint

JSLint一个JavaScript语法检查工具，可以检查你的代码是否优秀，规则请参考<<JavaScript语言精粹>>。

RegEx Helper

在文档的中匹配正则表达式，可以用来测试正则表达式。

Compare Plugin

一个非常实用的工具，可以用来比较两个文件不同之处，主要用来对比相邻的两个文件。

Explorer

一个文件浏览窗口，可以在里面创建文件，文件夹等。还可以快速定位当前打开的文件的文件夹。

File Switcher

一个快速切换窗口的工具，支持通过输入文件名，路径或者tab index来查找切换，可以用来替换默认的Ctrl + Tab。

如需转载，请注明来自: BorisHuai前端修炼 > Notepad++前端开发常用插件介绍