sublime text3 针对于前端开发必备的插件

1.emmet--前身Zen coding：HTML/CSS代码快速编写神器

2.jQuery Package for sublime Text:如果你离不开jQuery的话，这个必备～～

3.JS FormatJS代码格式化插件

4.Sublime CodeIntel代码自动提示

Sublime​Code​Intel 是一个代码提示、补全插件，支持 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 自带代码提示功能的很好扩展。它还有一个功能就是跳转到变量、函数定义的地方，十分方便。

使用 Sublime​Code​Intel 之前你需要安装相应程序并把路径写入 ~/.codeintel/config 或 project_root/.codeintel/config 中，ReadMe 中有详细的 说明，不再赘述。

十分不建议把 Sublime​Code​Intel 与其他单个语言的扩展 package 一同使用，虽然很多语言扩展 package 比 Sublime​Code​Intel 的代码提示功能要完善。如果需要一同使用，请在用户配置文件（菜单Preferences -> Package Settings -> Sublime​Code​Intel -> Settings - User 中加入下面的内容，并去掉要禁用的语言。

5.Bracket Highlighter类似于代码匹配，可以匹配括号，引号等符号内的范围。

6.Git

7.Alignment--对齐代码，包括 PHP、CSS 和 Javascript.

Alignment 是一个代码格式化插件，它可以使多行代码中的等号对齐，也可以调整多行代码为一个缩进级别，默认快捷键是 ctrl+alt+a（Mac OS 上是 cmd+ctrl+a）。

8.Trmmer--自动删除代码中不必要的空格

9.FileDiffs--对比文件差异。包括剪贴板中复制的数据

Sublime Prefixr
Prefixr，CSS3 私有前缀自动补全插件，显然也很有用哇

SublimeLinter
一个支持lint语法的插件，可以高亮linter认为有错误的代码行，也支持高亮一些特别的注释，比如“TODO”，这样就可以被快速定位。（IntelliJ IDEA的TODO功能很赞，这个插件虽然比不上，但是也够用了吧）

注意：此插件需要手动安装并切换到 sublime-text-3 分支。

SublimeLinter 是一个代码校验插件，它可以帮你找出错误或编写不规范的代码，支持 C/C++、CoffeeScript、CSS、Git Commit Messages、Haml、HTML、Java、JavaScript、Lua、Objective-J、Perl、PHP、Puppet、 Python、Ruby 和 XML 语言。

在使用 SublimeLinter 之前，你要安装相应的程序，详见README。如果要校验 JavaScript 或 CSS，你还要安装Node.js。





SublimeLinter 默认以 background 模式运行，在用户输入的同时即时校验，如果你想要 Sublime Text 运行得更流畅，可以改为 load-save 模式或 save-only 模式，在读取和保存是校验或只在保存时校验。

打开 SublimeLinter 的配置文件：菜单 Preferences -> Package Settings -> SublimeLinter -> Settings - User，加入 "sublimelinter": "load-save" 或 "sublimelinter": "save-only"

Sublime Alignment
用于代码格式的自动对齐。传说最新版Sublime 已经集成。

Clipboard History
粘贴板历史记录，方便使用复制/剪切的内容。

Theme – Soda (GitHub)

Soda Theme 是最受欢迎的 Sublime Text 主题。

安装后你还需要在你的配置文件（菜单 Preferences -> Settings - User）中加入"theme": "Soda Light.sublime-theme" 或 "theme": "Soda Dark.sublime-theme"。要达到图中的效果，你还需要下载与之搭配的 color scheme。

如果你喜欢 Soda Dark 和 Monokai，我建议你使用 Monokai Extended (GitHub)。这个 color scheme 是 Monokai Soda 的增强，如果再配合 Markdown Extended (GitHub)，将大大改善 Markdown 的语法高亮。

ColorPicker (GitHub)

在编辑CSS样式的时候，要加个自己喜欢颜色或改改颜色啥的，要到PS里去调色？ColorPicker 可以让 Sublime Text 3内置一个调色盘，调好颜色，点击OK就会在光标处生成十六进制颜色代码。

这是用来给CSS属性进行排序的格式化插件。如果你想保持的代码干净整洁，并且希望按一定的顺序排列（是不是有点强迫症了？），那么这个插件是一种有效解决的方案。特别是当你和其他有自己代码编写风格的开发者一同协作的时候。





MarkDown Editing (GitHub)

SublimeText 不仅仅是能够查看和编辑 Markdown 文件，但它会视它们为格式很糟糕的纯文本。这个插件通过适当的颜色高亮和其它功能来更好地完成这些任务。





FileDiffs (GitHub)

这个插件允许你看到SublimeText中两个不同文件的差异。你可以比较的对象可以是从剪贴板中复制的数据，或工程中的文件，当前打开的文件等。