俗话说：工欲善其事，必先利其器。
工欲善其事必先利其器。谓工匠想要使他的工作做好，一定要先让工具锋利。比喻要做好一件事，准备工作非常重要。
前端写代码也是一样，需要一个好的适合自己的代码编辑器。
我想大多数人接触前端，都是从 dreamweaver 开始的。
dreamweaver大而全，面面俱到。 代码模式，设计模式，拆分模式，实时预览...
在前端这条路上，经常使用，即便是现在也会用用。它有个代码关联的功能：
到现在我使用的 sublime text 、WebStorm 也没有发现类似的插件，知道的朋友请告知一下，非常感谢。
dreamweaver 是不错的编辑器，它伴随了我的成长。
在前端这块，就会免不了html+css页面制作，当然写“纯洁的”JS除外。讲究效率，代码自动提示，自动完成，编辑器就应该有这样的功能，并且能适合你的需要。
最早使用 EditPlus 配置好自动提示完成文件，就可以使用，就是配置文件太麻烦了，需要时间去整理提示的文件。
现在我会使用 sublime text 、WebStorm 来完成页面的制作。
在这里说下 sublime text 2 的配置。
在官网 http://www.sublimetext.com/ 下载或者其他地方，下载适合自己平台的版本。
前端不可少的插件：Emmet
安装Sublime text 2插件很方便：
1.可以直接下载安装包解压缩到Packages目录
Emmet插件：http://emmet.io/download/
2.也可以先安装package control组件，然后直接在线安装
在线安装Emmet，假设已经安装好package control组件。 按下Ctrl+Shift+P调出命令面板，输入install 调出 Install Package 选项并回车，然后在输入emmet，在列表中选中emet插件。
安装好Emmet，在熟悉它的语法，就可以“愉悦的”页面制作了。
Emmet API: http://docs.emmet.io/cheat-sheet/
tips：dreamweaver也支持Emmet。安装使用参考：http://www.zhangxinxu.com/wordpress/2013/09/how-to-use-emmet-in-dreamweaver/
写代码的编辑器有很多，适合自己的才是最好的。当你是个“武林高手”的时候，草木树叶也可伤人，更是手中无剑胜有剑，哪怕是一个记事本也可以很愉悦的写代码。