Sublime Text 3 插件手册

看了一下给 Sublime Text 3 装的几个常见插件，一直没有研究这些插件的用法，俗话说“工欲善其事，必先利其器”，还是得好好研究一下这些插件该如何应用，才能让自己更高效地工作，不是么？

Alignment

插件官网：Alignment

插件用途：该插件用于多行相邻的赋值语句以指定符号对齐，比如 CSS 样式设置中以冒号对齐，比如 JavaScript 多变量赋值时以等号对齐，talk is cheap and I'll show you the code!

快捷键：Ctrl + Alt + A （ 与 QQ 默认的截图快捷键冲突，在用户自定义的按键绑定文件中已改成了 Ctrl + Shift + A ）。

示例一：CSS 代码对齐

/* before */ .test { font-family: Georgia, serif; font-size: 16px; font-style: normal; } /* after */ .test { font-family : Georgia, serif; font-size : 16px; font-style : normal; }

该插件默认只能以等号对齐，要实现上面示例一这样以分号对齐的效果，需要在该插件的用户自定义配置文件中加上下面一段内容：

{ // The mid-line characters to align in a multi-line selection, changing // this to an empty array will disable mid-line alignment "alignment_chars": [ "=", ":" ] }

该插件用户自定义配置文件的位置如下：

• Windows: Preferences > Package Settings > Alignment > Settings - User

• Linux: Preferences > Package Settings > Alignment > Settings - User

• Mac OS X: Sublime Text 2 > Preferences > Package Settings > Alignment > Settings - User

示例二：多变量赋值

# before short_open_tag = Off asp_tags = Off precision = 14 y2k_compliance = On # after short_open_tag = Off asp_tags = Off precision = 14 y2k_compliance = On

示例三：含长变量名的多变量赋值

# align by default short_open_tag = Off asp_tags = Off precision = 14 y2k_compliance = On zlib.output_compression_level = -1 # align by short variable short_open_tag = Off asp_tags = Off precision = 14 y2k_compliance = On zlib.output_compression_level = -1

参考文章：How to install & use Sublime Alignment

AutoFileName

插件官网：AutoFileName

插件用途：该插件用于 Web 开发或其它开发情境下，本地文件路径的自动完成。

该插件默认已开启，无需快捷键，用图说话：

BracketHighlighter

插件官网：BracketHighlighter

插件用途：该插件用于高亮显示成对匹配的括号、引号或其它符号、标记，并可对匹配的一对符号之间的内容进行操作（这是关键功能）。

通过在用户定义的键盘映射文件中设置该插件的快捷键，可实现以下常用功能：

• 跳转到左侧括号的右端（或右侧括号的左端）；

• 选择匹配的一对括号内的文本，可选是否包含括号；

• 选择 HTML/XML 标签的标签名 (开始标签和闭合标签都会被选中，便于修改)；

{% asset_img Sublime-Text-BracketHighlighter-Select-Both-Tag-Names.jpg 选择一对 HTML 标签的标签名 %}

• 选择光标所在处的属性及对应的值 （光标必须在属性处，不能超出单词的最左或最右侧）；

{% asset_img Sublime-Text-BracketHighlighter-Select-Property-And-Its-Value.jpg 选择光标所在处的属性及对应的值 %}

• 折叠 / 展开一对匹配的括号内的文本；

{% asset_img Sublime-Text-BracketHighlighter-Fold-Content-Between-Brackets.jpg 折叠一对匹配的括号内的文本 %}

• 用快捷面板中的括号将所选择的代码段括起来（用 Visual Studio 写 C# 代码时就有相同的功能）。

{% asset_img Sublime-Text-BracketHighlighter-Surround-Selection-With-Brackets-From-Quick-Panel.jpg 用快捷面板中的括号将所选择的代码段括起来 %}

Emmet

插件官网：

插件用途：

未完待续~~~