Sublime Tet 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": [
"=", ":"
]
}
该插件用户自定义配置文件的位置如下：

1. Windows: Preferences > Package Settings > Alignment > Settings - User

2. Linux: Preferences > Package Settings > Alignment > Settings - User

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

示例二：多变量赋值

# beforeshort_open_tag = Offasp_tags = Offprecision = 14y2k_compliance = On# aftershort_open_tag = Offasp_tags       = Offprecision      = 14y2k_compliance = On

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

# align by defaultshort_open_tag                = Offasp_tags                      = Offprecision                     = 14y2k_compliance                = Onzlib.output_compression_level = -1# align by short variableshort_open_tag = Offasp_tags       = Offprecision      = 14y2k_compliance = Onzlib.output_compression_level = -1

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

AutoFileName

插件官网：AutoFileName

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

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

BracketHighlighter

插件官网：BracketHighlighter

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

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

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

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

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

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

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

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

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

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

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

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

Emmet

插件官网：

插件用途：

未完待续~~~

关键字：产品经理

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！