Sublime Text 热门插件
Sublime Text 热门插件
俗话说：磨刀不误砍柴工，作为程序员，代码编辑器就是我们的斧头，在写代码之前，配置好一个顺手的编辑器就是很重要的了。Sublime Text 是一把好斧头，而它丰富的插件就是磨刀石了。
本文将为你介绍最受欢迎的 50 个 Sublime Text 插件，大部分插件来自于 Package Control 上的热门榜单。由于 Sublime Text 2 不再更新，Sublime Text 3 也已经稳定，所以替换了几个不支持 Sublime Text 3 的插件。
手动安装
本文所介绍的一部分插件并未在 Package Control 中包含，或 Package Control 中包含的是此插件的 Sublime Text 2 版本，所以你需要手动安装它。
打开菜单 Preferences -> Browse Packages…，使用 git clone 命令在此目录克隆，然后使用 git checkout 命令切换到 Sublime Text 3 版本所在分支。当然你也可以直接下载这个分支的压缩文件并解压到此目录，但这样无法使用 git pull 命令获取更新了。
No.00 – Package Control (GitHub)
提到 Sublime Text，就不得不说 Package Control，就像 Linux 下的 apt-get 和 yum 一样，它是 Sublime Text 的包管理器，你用它可以轻松地找到你想要的插件和管理已有插件。
安装 Package Control 十分简单，只需要打开控制台（菜单 View -> Show Console 或快捷键 ctrl+`），将下列代码粘贴进去即可。
Python
|
1 |
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()) |
No.01 – Emmet (GitHub)
Emmet 是一个前端开发的利器，其前身是 Zen Coding。它让编写 HTML 代码变得简单。Emmet 的基本用法是：输入简写形式，然后按 Tab 键。
比如，输入 html:5，然后按 Tab 键，就会产生如下的代码：
XHTML
|
1 2 3 4 5 6 7 8 9 10 |
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body>
</body> </html> |
更复杂的比如 ul#nav>li.item$*4>a{Item $}：
XHTML
|
1 2 3 4 5 6 |
<ul id="nav"> <li class="item1"><a href="">Item 1</a></li> <li class="item2"><a href="">Item 2</a></li> <li class="item3"><a href="">Item 3</a></li> <li class="item4"><a href="">Item 4</a></li> </ul> |
关于 Emmet 的更多用法，请看官方文档，这份速查表可以帮你快速记忆简写形式。
No.02 – 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 的语法高亮。
No.03 – 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"
No.04 – SideBarEnhancements (GitHub)
SideBarEnhancements 是一款很实用的右键菜单增强插件，有以 diff 形式显示未保存的修改、在文件管理器中显示该文件、复制文件路径、在侧边栏中定位该文件等功能，也有基础的诸如新建文件/目录，编辑，打开/运行，显示，在选择中/上级目录/项目中查找，剪切，复制，粘贴，重命名，删除，刷新等常见功能。
SideBarEnhancements 还有一个功能就是自定义打开文件的程序，在侧边栏中右键点击一个文件（夹），选择 Open With -> Edit Applications 就可以修改关联了，配置文件自带示例，可以很方便地套用。
Copy as Text... 是 SideBarEnhancements 的又一个特色功能，可以复制包含各种形式的路径、URL（甚至包括 base64 的 data:uri）、转码后的文件名、各种 HTML Tag（a、img、script、style）等。
No.05 – SublimeCodeIntel (GitHub)
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 之前你需要安装相应程序并把路径写入 ~/.codeintel/config 或 project_root/.codeintel/config 中，ReadMe 中有详细的 说明，不再赘述。
十分不建议把 SublimeCodeIntel 与其他单个语言的扩展 package 一同使用，虽然很多语言扩展 package 比 SublimeCodeIntel 的代码提示功能要完善。如果需要一同使用，请在用户配置文件（菜单 Preferences -> Package Settings -> SublimeCodeIntel -> Settings - User 中加入下面的内容，并去掉要禁用的语言。
|
1 2 3 4 5 6 7 8 9 10 11 12 |
"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" ] |
No.06 – Alignment (GitHub)
Alignment 是一个代码格式化插件，它可以使多行代码中的等号对齐，也可以调整多行代码为一个缩进级别，默认快捷键是 ctrl+alt+a（Mac OS 上是cmd+ctrl+a）。
No.07 – BracketHighlighter (GitHub)
BracketHighlighter 是一个括号、引号、标签高亮插件，支持 []、()、{}、""、'' 和 <tag></tag> 等，比 Sublime Text 自带的高亮要明显得多。
No.08 – Git (GitHub)
Git 插件集成了 git 的常用功能，使用之前需要安装 git 并写入环境变量中。
No.09 – SFTP (HomePage)
SFTP 插件可以使用 FTP 或 SFTP 协议连接远程服务器，下载到本地的文件在保存的同时会上传到服务器上，使修改服务器上的文件变得更加方便。此插件是收费插件，不注册的话会每隔一段时间弹出提示。
安装好插件后点击菜单 File -> SFTP/FTP -> Setup Server... 来生成一个配置文件，修改好并保存后，点击菜单 File -> SFTP/FTP -> Browse Serve...来连接远程服务器。
注意：
1. 配置文件应该存放在菜单 Preferences > Browse Packages… 下的 User/sftp_servers 目录下。
2. 如果在 Windows 下使用 ssh 而不是密码连接远程服务器，要用 PuTTY 把私钥转换为 ppk 格式才能使用。
SFTP 还支持对一个文件夹进行映射。首先往 Sublime Text 拖入一个文件夹或点击菜单 Project -> Add Folder to Project...，在侧边栏中右键点击该文件夹，选择 SFTP/FTP -> Map to Remote…。这会在该目录中生成一个 sftp-config.json 文件，修改好配置文件并保存后，我们就可以对远程服务器上的文件（夹）进行（批量）同步或修改了。
