SublimeText 前端常用插件安装与应用

        我相信装了SublimeText的同学，都会相应的安装一些常用插件。因为有的插件可以给我们的工作带来方便，快捷。我收集了一些常用的插件，此文所讲及应用都针对Sublime Text 3，因为我机安装的是3版本喔。当然2跟3的差别不是很大。

1.  package control插件的安装方法有两种：Package Control 是这款编辑器的标配，可以方便开发人员快速安装需要的插件。
   a.按 Ctrl+` 调出console控制台，粘贴以下代码到命令行，回车，然后重启下就搞定。如果在Perferences->package settings中看到package control这一项，则表示安装成功了

   import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
   

   
   
   
   
   b. 按下Ctrl+Shift+P快捷键，调出面板，然后输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件安装就OK了。
2. Sublime CodeIntel 代码提示插件.对我们来说，写代码非常方便快捷。
   
   安装成功后，现在来写代码就自动有提示了。
   
   
   
   
3. Emmet Css Snippets 快速编写HTML代码的插件。
   
   这个插件的用处是可以帮助我们快速编写HTML代码。比如：输入nav.navbanner>ul>(li>a)*5 ，然后按tab键就生成了如下代码。是不是太方便啦。
   
4. Tag 格式化插件。
   Html格式化，右键Auto-Format Tags on Ducument。一般是用ctrl +Alt +F 触发，若触发不了，查看是不是html文件，是否选中，是否有快捷键冲突！
   
5. Sublime Autoprefixer插件，css3前缀自动补全。
6. SublimeLinter 代码验证工具。首先安装 SublimeLinter插件，值得注意的是要依赖于nodeJs环境，如下：
   
   
   
   a.css语法检测。SublimeLinter-csslint 也是基于 nodeJS 下的 csslint 的插件，实际上 SublimeLinter-csslint 调用了 nodeJS 中 csslint 的接口来进行语法检查的。 sublimelineter cssline
   
   在nodeJs下安装csslint.命令：

   npm install -g csslint

   安装完成如下：
   
   查看是否安装成功。
   
   看到版本号就表示成功了。务必要重启一下sublime Text，然后打开之前写的css文件,就可以看到有错误提示，警告之类的。点击警告的地方，任务栏会有相对应的说明。
   
   
   
   b.JS语法检测。 sublimeLinter-jsxhint 插件。
   同理安装，如下：
   
   安装成功：
   
   然后还要在nodeJs下安装jshint,命令如下：
   

   npm install -g jshint

   安装完成：
   
   安装成功了。
   
   同样，还是要重启sublimeText，打开文件写JS代码，就会时时有提示，点击提示，sublimeText 任务栏就有相对应的说明。
   
   
   
7. git插件。在工作中，版本控制软件最常用的软件之一，GIT是最常用的。同理安装：
   
   
8. GitGutter 插件。Sublime Text 有了 Git 插件之后，GitGutter 更好的帮助开发者查看文件之前的改动和差异，提升开发效率。
   同理安装：
   
9. ColorPicker 插件，平时我们想使用一个颜色选择器则可能打开 Photoshop 或 AI其它设计工具。而在 Sublime Text 中，你可以使用内置的颜色选择器。安装完成后，只要按下Ctrl + Shift + C 快捷键就可以直观的选择自己想要的颜色了。
   
   
10. 还有一些其它的插件，个人所需安装。目前我们前端常用到的上面几种就可以得心应手了。