选一个合适的Web前端编辑器

工欲善其事，必先利其器，Web前端工程师来来开发中，首先得选择一款合适的编辑器。

目前评价较高的Windows平台上的Web前端编辑器，包括Adobe DreamWeaver、Sublime Text2和JetBrains WebStorm 6.0，三者各有其优缺点。这三种编辑器都有破解版的可以下载，这个不多说了。

三种编辑器中，功能最为强大的当属WebStorm，绝对是前端开发利器。不过，人家是收费的。好在OSChina做了一件好事，跟厂商谈了一个折扣。我就花了99元人民币，第一次买了正版的编辑器。不心疼这99元，你就买吧。

对于初学者，不推荐使用Adobe DreamWeaver。Adobe出品，收费贵是自然的。这玩意体积大，调试JS也不太方便。个人认为DW适合于网页设计师写写html/css，不适合前端工程师编写调试JavaScript代码。

剩下的就是Sublime Text2（最新3.0版已经发布了），可以免费用，功能也强大，插件也很多。以前用NotePad++ ，发现Sublime Text2立刻就卸了NotePadd++。既是可以免费用，功能也强大，那先就用它好了。点击Sublime Text2下载地址，立刻下载安装吧。

装了Sublime Text或者WebStorm，对一个老鸟来说，第一个要装的插件必是zen-coding(现在已经改名为EMMET，还得我一阵好找！)。这个玩意有啥用呢？且听我慢慢道来。

无论DW/WebStorm/Sublime Text，都提供有编写HTML/CSS的语法提示和自动完成功能，但是我们还是不可避免地要手动写入很多无趣的HTML/CSS代码。比如，我要写有六个条目的无序列表，我得老老实实写下：

<ul>
  <li class="item1"></li>
  <li class="item2"></li>
  <li class="item3"></li>
  <li class="item4"></li>
  <li class="item5"></li>
  <li class="item6"></li>
</ul>

这是多无聊的事情呀！有了zen-coding，我只需要键入几个字符 ul>li.item$*6，按一个tab键，立马就搞定了。这感觉有多爽！

    本来我打算继续写下去，结果搜索了一下，有好多大侠已经写了sublime2的下安装使用zen-coding的教程，我就偷偷懒吧。

1. Zen Coding: 一种快速编写HTML/CSS代码的方法
2. 超级牛B编码王（一）：Sublime2之WIN7下安装Zencoding 
3. 超级牛B编码王（二）：Sublime2之Zencoding快速上手 
4. 超级牛B编码王（三）：Sublime2之XP下手动安装Zencoding 

顺便列出zencoding的速查手册：zencoding速查手册。

如果你英文没问题，可以看更详细的EMMET作者在github上的文档。