IDE的选择,Sublime Text必备插件
工欲善其事必先利其器。一个好的编辑器，对开发来说，那绝对是很有关系的，直接影响了开发人员的心情跟效率。
采用Sublime Text3是因为它好用。安装简单，包体小。编写HTML、JavaScript可以安装如下的插件，来便于开发：
http://www.cocoachina.com/webapp/20160229/15438.html
必安装的主题是：
material-theme 来源于fackbook。安装后，在sublime text中选择属性-》package setting -》active 选择颜色。这个主题在很多直播代码都有出现多，因为看着就很舒服。推荐安装。
如下显示：
版本管理
Sublime APICloud Plugins
Sublime APICloud Plugins是APICloud为开发者提供的一套开源的Sublime Text扩展插件，包括：应用管理、应用框架、页面模板、代码提示、代码管理、Widget打包、真机同步、日志输出、管理自定义AppLoader等功能，其他的功能插件也在不断增加，这些插件已被Package Control成功收录，开发者可以直接在Sublime Text3中下载安装；所有插件都已开源，开发者也可以在此基础上按需求扩展自己的插件。
插件下载：http://www.apicloud.com/devtools
颜色的选择面板选择
ColorPicker
编辑CSS样式的时候， ColorPicker调色盘不仅可以查看颜色值，更可以轻松调好颜色。ColorPicker同时还是一个双向选择颜色的功能，既可以在调色板中选好颜色将其使用至文档中，也可以迅速定位文档中的某一种颜色值到调色板中。
插件下载：https://github.com/weslly/ColorPicker
HTML+CSS代码提示
Emmet
Emmet （前身是 Zen Coding）是一个前端开发不可缺少的插件，它让编写 HTML和CSS代码变得简单，节省大量时间。Emmet可使开发者用缩写形式书写代码，再用“扩展”功能自动将代码扩展至完整样式。
早在2009年，Zen Coding作为具有革命性的HTML和CSS代码编辑插件一经问世，直到现在帮助了无数的开发者，减少他们的时间，使得编写代码变得简便有趣。现在，Emmet已经超越了Zen Coding到达了更高层次，普适性的功能将给更多的开发者带来便利。
插件下载：https://github.com/sergeche/emmet-sublime
代码提示 jsformat
SublimeCodeIntel
SublimeCodeIntel 作为一个代码提示和补全插件，支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等所有语言，是 Sublime Text 自带代码提示功能基础上一个更好的扩展，自带代码提示功能只可提示系统代码，而SublimeCodeIntel则可以提示用户自定义代码。SublimeCodeIntel支持跳转到变量、函数定义的功能，另外还有自动补全的功能，十分方便。
插件下载：https://github.com/SublimeCodeIntel/SublimeCodeIntel
代码检查
SublimeLinter
SublimeLinter是少数几个能在sublime text 3工作的代码检查插件，SublimeLinter支持JavaScript、CSS、HTML、Java、PHP、Python、Ruby等十多种开发语言，但前提是需要配置相应语言的环境，要检查JavaScript代码需要安装node.js，检查PHP代码需要安装PHP并配置环境等。SublimeLinter可以及时提示编写代码中存在的不规范和错误的写法，并培养我们良好的编码习惯和风格。
插件下载：https://github.com/SublimeLinter/SublimeLinter/tree/sublime-text-3
代码格式化，高版本本身就存在
Alignment
Aligment插件让开发者自动对齐代码，包括PHP、CSS、JavaScript语言。使得代码看起来更整齐美观，更具可读性。
插件下载：https://github.com/wbond/sublime_alignment
最终的界面效果如下：
这样就可以开始前端之旅了。
