Sublime Text 3 支持的热门插件

每次在不同电脑上安装sublime text都要重新再装一遍插件真的是很烦，打算就把常用的记录在这里了

原文地址：http://www.imjeff.cn/blog/146/

Package Control (GitHub)
提到 Sublime Text，就不得不说 Package Control，就像 Linux 下的 apt-get 和 yum 一样，它是 Sublime Text 的包管理器，你用它可以轻松地找到你想要的插件和管理已有插件。

按Ctrl+`调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至QQ拼音）

粘贴以下代码到底部命令行并回车：

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())

重启Sublime Text 3，如果在Perferences->package settings中看到package control这一项，则安装成功。

安装插件：Ctrl+Shift+P调出命令面板，输入install，选则列表中的 Install Package 选项并回车，在出现的列表中搜索想要安装的插件回车即可；

卸载插件：Ctrl+Shift+P调出命令面板，输入remove，调出Remove Package选项并回车，选择要删除的插件即可；

更新插件：Ctrl+Shift+P调出命令面板，输入upgrade，调出upgrade packages选项并回车，选择要更新的插件即可。

=====================================================================================

Emmet (GitHub)

Emmet 是一个前端开发的利器，其前身是 Zen Coding。它让编写 HTML 代码变得简单。Emmet 的基本用法是：输入简写形式，然后按 Tab 键。

这份速查表可以帮你快速记忆简写形式

真的是超（mei）！级（ta）！好（bu）！用（xing）！

SublimeLinter (GitHub)

注意：此插件需要手动安装并切换到 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​Code​Intel (GitHub)

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 中加入下面的内容，并去掉要禁用的语言。

 
 
"codeintel_enabled_languages":
 [
 "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"
 ],
 "codeintel_live_enabled_languages":
 [
 "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"
 ]

Alignment (GitHub)

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

Bracket​Highlighter (GitHub)

Bracket​Highlighter 是一个括号、引号、标签高亮插件，支持 []、()、{}、""、'' 和 <tag></tag> 等，比 Sublime Text 自带的高亮要明显得多。

CSSComb (GitHub)

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

=====================================================================================

20160520新增 祝大家节日快乐~

THML-CSS-JS Prettify (GitHub)

这个插件简直是太棒了！！！

这是一款集成了格式化（美化）html、css、js三种文件类型的插件。插件依赖于nodejs，因此需要事先安装。

右键选择HTML-CSS-JS Prettify就可以一键美化（mac上的快捷键是 cmd+shift+h），美化不满意的话还可以从菜单->Preferences->Browse Packages，打开HTML-CSS-JS Prettify/Set Prettify Preferences进行修改。

这么贴心，我已经深深地爱上它并抛弃了其他的Alignment\Comb\Format了

=====================================================================================

20160818新增 祝我亲爱的王凯王先森生日快乐~MUA~

Convert​To​UTF8 (GitHub)

通过这个插件可以编辑并保存目前编码不被 Sublime Text 支持的文件，从此再也不用担心打开文件看见一脸懵逼的乱码了~

安装

command+shift+p -> install package -> converToUtf8

=====================================================================================

20170311新增

LESS (https://packagecontrol.io/packages/LESS)

用LESS的同学都知道，sublime没有支持less的语法高亮，所以这个插件可以帮上我们

打开.less文件或者设置为less格式

babel

最近在写react，打开文件一片雪白也是一脸懵逼啊。这个插件支持ES6、React.js、jsx代码语法高亮。

安装

command+shift+p -> install package -> babel

配置

该插件不需要额外配置，在打开.js或.jsx后缀的文件，直接选择Babel为对应的语法就可以了。

jsformat

jsformat是sublime上js格式化比较好用的插件之一，通过修改它的e4x属性可以使它支持jsx。

安装

command+shift+p -> install package -> jsformat

配置

打开菜单Preferences -> Package Settings -> JsFormat -> Settings - User，将下面代码贴进去保存。

{
  "e4x": true,
  // jsformat options
  "format_on_save": true,
}

只写&摘抄了目前常用的一些插件，之后有增加的话会再来改