玩转Sublime Text 3

前言

今天要和大家分享的Sublime Text是一个代码编辑工具，由Jon Skinner所开发，最初被设计为一个具有丰富扩展功能的定制Vim编辑器，后来经过几个版本的迭代，演变成了目前跨平台的代码编辑神器，同时支持Windows，Linux，Mac OS X多个操作系统。

Sublime Text兼具漂亮的用户界面和强大的编辑功能，我以前做一个项目时用过ST 2写过一段时间的python脚本，当时只觉得编辑器暗色背景保护眼睛，代码高亮花花绿绿的比较高大上，代码缩进对齐细节做得很棒适合python，并没有研究太多ST的高级功能，这段时间写前端脚本又重新开始用ST，感觉比editplus好用太多，并不比Vim和Emacs逊色。

Sublime Text不是一个免费软件，但可以永久免费使用，网上破解教程也是一大堆，所以壕们请支持正版哈。我使用的是Windows系统的版本，从官网下载好压缩包，解压到本地安装目录即可使用。

---

基本操作与设置

ST3的界面从上到下依次为标题栏、菜单栏、Tab标签栏、代码编辑区、状态栏，从左至右分别是侧边栏（可关闭）、代码编辑区和代码缩略图。

新建文件只需要在Tab标签栏空白处双击即可，ST3默认自动保存文件。关闭文件时，不需要选择是否保存当前文件。当再次打开时，上次编辑的所有文件都会出现在Tab标签栏中。我们主要在代码编辑区中编写代码，ST3支持代码自动缩进，代码折叠，自动补完，代码注释，行操作等功能，具体内容可以查看后面的快捷键列表。

ST3还支持多行操作，按住Ctrl键，同时鼠标左键点击多行，会出现多个光标，可以同时修改多行，也可以按住鼠标中键拖拽选中多行同时修改。例如，使用多行编辑配合Ctrl + J快捷键进行多行代码合并，配合Ctrl + D可以提取多行相同的字符串。

ST3的设置分为系统设置(Settings)和快捷键设置(Key Bindings)。运行Sublime Text 3后，点击Preferences -> Setting – Default可以查看修改编辑器的默认系统设置，一般采用key : value的设置形式，例如：
“tab_size”:2 表示代码缩进宽度为2
“draw_minimap_border”:false 默认不显示代码缩略图边框

我们也可以在Preferences -> Setting – User中添加用户自定义的系统设置，可以修改主题、字体、字号、行号显示、缩进宽度等。一般我们修改设置的话，最好复制出来在User里修改，以免以后升级Default文件被覆盖掉。

使用破解版的同学请注意，Sublime Text的版本更新较快，每次升级之后都要重新破解一次，可以在用户设置中添加”update_check” : false来禁用自动更新。

ST3的快捷键设置非常多，可以在Preferences的Key Bindings选项中进行修改，修改的时候注意不要覆盖原有的插件，有些快捷键是组合快捷键，例如，字符串大小写转换的快捷键是先用Ctrl + K选中字符串，再使用Ctrl + U或Ctrl + L转换大小写。下面给出ST3的常用快捷键列表（[]表示组合键）。

• 选择当前行，持续按L选择下一行 Ctrl + L
• 删除从光标处至行尾的内容 [Ctrl + K, Ctrl + K]
• 删除从光标处至行首的内容 [Ctrl + K, Ctrl + Backspace]
• 删除整行 Ctrl + Shift + K
• 复制光标所在行，并插入在上一行 Ctrl + Shift + D
• 选中字符串大写 [Ctrl + K, Ctrl + U]
• 选中字符串小写 [Ctrl + K, Ctrl + L]
• 选词（连续按住选中多个相同的字符串） Ctrl + D
• 光标移动至当前内容对应的括号位置 Ctrl + M
• 行注释（选中多行内容则为多行注释） Ctrl + /
• 块注释（已选择注释内容） Ctrl + Shift + /
• 撤销 Ctrl + Z
• 重做 Ctrl + Y
• 折叠代码 Ctrl + Shift + [
• 展开代码 Ctrl + Shift + ]
• 词互换（已选中要互换的两个字符或字符串） Ctrl + T
• 缩进，自动补完（关键字，类和接口定义） Tab
• 撤销缩进 Shift + Tab
• 与上一行互换 Ctrl + Shift + ↑
• 与下一行互换 Ctrl + Shift + ↓
• 在下方插入一行 Ctrl + Enter
• 在上方插入一行 Ctrl + Shift + Enter
• 为当前行设置书签 Ctrl + F2
• 撤销当前标签页内所有的书签 Ctrl + Shift + F2
• 跳转至下一个书签 F2
• 跳转至上一个书签 Shift + F2
• 文件定位 Ctrl + P
• 词语定位 Ctrl + ;
• 函数定位 Ctrl + R
• 合并行（已选中需要合并的多行） Ctrl + J

插件管理工具

要使用ST3强大的插件系统，必须安装一个基础的插件包管理工具插件Package Control。安装方法可以参考官方说明网页。单击View->Show Console调出命令行窗口。从官网上复制对应Sublime版本的python命令到命令行窗口的输入框中，按回车键就可以安装了，不过我一开始安装的时候，一直报错，提示“目标主机积极拒绝…”，后来科学上网后才安装成功。

Sublime Text 3的Package Control安装命令：

import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

如果自动安装不成功，可以考虑手动安装的办法，下载Control.sublime-package包并复制到D:\Program Files (X86)\Sublime Text\Data\Installed Packages目录下（D:\Program Files (X86)\Sublime Text\是我电脑上的Sublime安装目录），重启Sublime Text即可。其他插件如果自动安装不成功也可以采用类似的办法来解决。

安装完Package Control后，会在Preferences菜单下看到多出了Package Settings和Package Control两个菜单项。单击Package Control（快捷键Ctrl + Shift + P），在窗口中出现了一个白色的搜索框，可以搜索Sublime的插件并进行安装。ST3是使用Python 3编写的，但有些插件还是用Python 2.x编写的，所以可能存在有些插件安装后不能使用的情况。

常用插件

在安装了Package Control之后，我们通过Ctrl + Shift + P打开命令输入框来安装插件。在打开的输入框中输入install，ST3支持模糊匹配，选择Install Package，回车，等待，在弹出的另一个输入框中输入要安装的插件名称，查询到插件之后，回车，等待插件自动安装，安装完毕后在状态栏中会有提示，一般插件安装完毕即可使用，少数需要重启 Sublime Text。同样，自动安装不成功的话就采用手动安装吧。

移除插件同样通过Shift + Ctrl + P调出输入框，输入remove Packages，在弹出的输入框中输入要移除的插件名称，回车等待软件自动移除插件。

下面说说常备的一些插件。

ConvertToUTF8

由于ST3对中文支持不是很好，一般含中文编码的代码文件显示都会有些问题，我们需要安装ConvertToUTF8插件来支持UTF-8编码。

Emmet (Zen Coding)

能够快速生成HTML标签和代码段的插件。安装Emmet同其他Sublime插件方法一样， 打开命令面板，输入Emmet，然后等待就可以了。安装此插件的过程中，会自动为系统安装PyV8，PyV8是Emmet的运行环境。有的时候，安装过程中状态栏会卡在”Loading PyV8 binary Please wait”，等待就好了。下面展示一下Emmet的一些强大功能。

快速生成html5模板：输入html:5，按Tab键或 Ctrl+E

标签补完：输入标签名称，按Tab或Ctrl+E

配对标签跳转：Ctrl + Alt + J

添加一对包裹的自定义标签：Ctrl + Shift + G

添加/撤销注释：Shift + Ctrl + \

拆分/合并标签：Shift + Ctrl + ` ，如果标签之间有文字或其他子标签，将会被删去。

移除标签：Shift + Ctrl + ;

数字自增/自减操作：
步长为1自增：Ctrl + ↑ 步长为1自减：Ctrl + ↓
步长为0.1自增：Alt + ↑ 步长为0.1自减：Alt + ↓
步长为10自增：Shift + Alt + ↑ 步长为10自减：Shift + Alt + ↓

$变量使用: 按Tab生成数字序列

Bracket Highlighter

用于匹配括号，引号和html标签。

DocBlockr

DocBlockr是一款可以快速插入注释块的插件，支持 JavaScript, PHP, ActionScript, Java, Objective C, C, C++等多种语言。

输入/**后再按下Enter或Tab插入多行注释

输入/* 后再按下Enter或Tab插入块注释

在方法的上方插入注释，会自动加上参数和返回值，插入注释后按Tab键可以在方法的参数类型和描述的位置间切换。

多行注释和单行注释默认是自动扩展的，即按下Enter换行时，新的一行保持和上一行的注释风格相同，缩进也一样，可以按Shift + Enter键中止自动扩展。

注释装饰，用// 开头的注释，在结束后使用Ctrl + Enter可以使用装饰形式的注释。

JSFormat

JSFormat能够可以将一些凌乱的 JavaScript 代码重新排版，以方便更好地阅读与编辑的插件。使用Ctrl + Alt + F来对js文件进行排版。

JQuery

能够对JQuery的函数进行自动提示和补完的插件。

ColorPicker

编写CSS文件输入颜色值时可以用Ctrl + Shift + C快捷键调出调色板来选择颜色，不需要再手动输入RGB值。

自定义主题

Sublime Text 3允许用户自己选择编辑器的主题风格，与安装插件类似，可以在命令输入框中查找主题包的名称，例如我选择了一款叫Predawn的扁平化风格的主题，在命令行中输入Predawn，回车等待安装主题包安装完毕。进入Settings – User，添加两行设置：
“theme”: “predawn.sublime-theme”,
“color_scheme”: “Packages/Predawn/predawn.tmTheme”
保存文件，就可以看到主题更换之后的页面效果。

更多的插件可以参考国内和国外开发者推荐的插件列表。

---

总结

总而言之，Sublime Text 3是一款不错的代码编写工具，有好看的界面，良好的用户体验设计，全面的功能和插件扩展机制，强烈推荐使用。