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

插件官网：

插件用途：

---

未完待续~~~