前端开发神级编辑器notepad++以及Zen Coding神级插件

时间:2022-02-13 04:17:59

页面制作快两年了,对于开发的编辑器也用过许多,像刚开始使用的dreamweaver,到后来的editplus,再后来用到了sublime以及notepad++,这几个编辑器中我用的最舒服的就是notepad++了。

Notepad++是一款免费开源的轻量级的编辑器,能够快速打开所要编辑的文档。Sublime很好很强大,但是它的打开速度远远没有notepad++的快。Notepad++不仅有语法高亮度显示,也有语法折叠功能,并且支援宏以及扩充基本功能的外挂模组。

Notepad++功能也很强大:

  1. 内置支持多达27种语法高亮度显示(包括各种常见的源代码、脚本,能够很好地支持 .nfo 文件查看),还支持自定义语言;
  2. 可自动检测文件类型,根据关键字显示节点,节点可*折叠/打开,还可显示缩进引导线,让代码显示得很有层次感;
  3. 可打开双窗口,在分窗口中又可打开多个子窗口,允许快捷切换全屏显示模式(F11),支持鼠标滚轮改变文档显示比例;
  4. 提供了一些有用工具,如 邻行互换位置、宏功能,等...
  5. 可显示选中文本的字节数;

Notepad++也有很多插件供你选择,对于我们前端开发特别是页面制作这块Zen Coding是必不可少的。Zen Coding其实是一款快速编辑html代码的编辑器插件。这个插件的实现了用缩写方式完成大量重复的书写工作。他的核心是一个强大的缩写引擎,掌握这些缩写技巧,给我们的编写代码带来极高的编写效率。

下载地址:http://code.google.com/p/zen-coding/ 我们可以下载与之相对应的编辑器插件,然后把解压的文件放入到 F:\Program Files\Notepad++\plugins 这个目录下(即你安装notepad++的路径),最后重启notepad++,这时你可以看到菜单栏最后多了一项Zen Coding选项。具体如何使用Zen Coding可以看下下面的视频。视频地址:http://v.youku.com/v_show/id_XMTM4NDQwNzgw.html

下面再介绍个插件JSMin

Notepad++的JSMin插件既可以格式化js,也可以压缩js。我们可以通过notepad++自身的插件管理器进行下载。

1、打开插件管理器

前端开发神级编辑器notepad++以及Zen Coding神级插件

2、下载并安装JSMin

前端开发神级编辑器notepad++以及Zen Coding神级插件

3、重启notepad++

前端开发神级编辑器notepad++以及Zen Coding神级插件

功能:

  1. JSMin  对js进行压缩
  2. JSFormat  对js进行格式化
  3. JSON Viewer  检查json数据

PS:博客搬家了,以后不再 CSDN 更新了,见谅。最新博客地址:http://www.cnblogs.com/yjzhu/