sublime3 常用功能总结

介绍几个常见的功能：

l 自动完成：自动完成的快捷键是Tab和Enter，如果在html文件中，输入cl按下tab或Enter，即可自动补全为class=””；加上zencoding后，更是如虎添翼，后面再讲到。

l 多列编辑：按住ctrl点击鼠标，会出现多个闪烁的光标，这时可同时修改多处

或者按住鼠标中键拖拽，

l 代码注释功能：ctrl+/、ctrl+shift+/分别未行注释和块注释，再按一下就能去掉注释，ST3能够自动识别是html、css还是js文件，给出不同类型的注释。

l 行操作：ctrl+alt+↑、ctrl+alt+↓向上或者向下交换两行，ctrl+enter，光标后插入空行，ctrl+d选择相似，可以参考后面的快捷键列表。

l 右键功能：

前3个，大家都知道，第4个，show unsaved changes，显示未保存的修改，红色减号表示删去的内容，绿色加号表示新增的内容

Open Containing Folder…，打开包含此文件的文件夹，这个很方便找到相关的文件。

Copy File Path，复制文件路径，方便我们复制路径到浏览器中查看。

l 人性化设计：从ST2开始就有很多设计细节还是值得称赞的，比如点击一个标签或者括弧，会在起始处显示下划点线，方便看清代码结构，每一层嵌套代码间都有竖线，起到视觉辅助的作用。选中某个词还会给其他地方相同的词加上方框。另外还有代码折叠功能。

三、设置

　　ST3的设置只有两个选项，分别是系统设置和快捷键设置。

一般我们修改设置的话，最好复制出来在user里修改，以免以后升级default被覆盖掉。

l Settings：在此文件里，可以修改很多东西，比如主题，字体，字号，是否显示行号、自动缩进、自动完成。很多都默认选中了，我另外修改了几处地方：

always_show_minimap_viewport——默认显示缩略图

draw_minimap_border——显示缩略图边框

font_size——字号

l Key Bindings：快捷键设置，ST3的快捷键很多，改的时候注意不要覆盖了。因为快捷键众多，所以有下面这种组合快捷键，先按下ctrl+k，松开k，再按下j就可以展开全部折叠代码了。

l 主要快捷键列表 Ctrl+L 选择整行（按住-继续选择下行） Ctrl+KK 从光标处删除至行尾 Ctrl+Shift+K 删除整行 Ctrl+Shift+D 复制光标所在整行，插入在该行之前 Ctrl+J 合并行（已选择需要合并的多行时） Ctrl+KU 改为大写 Ctrl+KL 改为小写 Ctrl+D 选词（按住-继续选择下个相同的字符串） Ctrl+M 光标移动至括号内开始或结束的位置 Ctrl+Shift+M 选择括号内的内容（按住-继续选择父括号） Ctrl+/ 注释整行（如已选择内容，同“Ctrl+Shift+/”效果） Ctrl+Shift+/ 注释已选择内容 Ctrl+Z 撤销 Ctrl+Y 恢复撤销 Ctrl+M 光标跳至对应的括号 Alt+. 闭合当前标签 Ctrl+Shift+A 选择光标位置父标签对儿 Ctrl+Shift+[ 折叠代码 Ctrl+Shift+] 展开代码 Ctrl+KT 折叠属性 Ctrl+K0 展开所有 Ctrl+U 软撤销 Ctrl+T 词互换 Tab 缩进自动完成 Shift+Tab 去除缩进 Ctrl+Shift+↑ 与上行互换 Ctrl+Shift+↓ 与下行互换 Ctrl+K Backspace 从光标处删除至行首 Ctrl+Enter 光标后插入行 Ctrl+Shift+Enter 光标前插入行 Ctrl+F2 设置书签 F2 下一个书签 Shift+F2 上一个书签

四、扩展

　　ST3是支持插件扩展的，首先，我们需要安装Package Control，我会另外发文章介绍。

插件推荐（由于ST3使用python3语言开发，而目前大部分插件还是python2.x，所以暂时有些插件会用不了或会有所改变，请等待更新）：

l ZenCoding：前端必备，快速开发HTML/CSS，现已更名为Emmet。

输入 div.wrapper>div.header+div.main+div.footer 按下Tab，立刻变成

或者按下ctrl+alt+enter，激发zencoding控制台，可看到整个动态的过程。

l JsFormat，格式化js代码，这个插件很有用，我们有时在网上看到某些效果，想查看是怎么实现的，但是代码被压缩过，很难阅读，不用怕，用ST3打开，按下快捷键，即可让代码还原，莫非是武林中失传已久的“还我靓靓拳”。

l Tag 格式化标签，让乱七八糟的代码，瞬间整齐清晰。

l BracketHighlighter，括弧高亮显示。

l Clipboard History，剪切板历史，可以保存多个复制信息，按下ctrl+alt+v，可以选择历史剪切板。

l Goto-CSS-Declaration，跳转到css文件该class的声明处，方便修改查看，如图下所示，注意对应的css文件要同时打开才行。

l SCSS，支持scss的语法高亮，里面附带了好多CSS Snippet，无论现用或者改造成，都可节省不少时间。

还有很多插件，jquery语法提示，jsHint等等。

http://ce.sysu.edu.cn/hope/Item.aspx?id=106853

http://www.ladyloveit.com/sublime/developers-commonly-used-10-sublime-text-plugin/

开发人员常用的10个Sublime Text插件

Sublime是一个新兴的文本编辑器，它的轻巧和功能强大已经吸引了大批的程序员，目前它还是beta版本，但它的社区和插件的开发都非常活跃。它还有插件提供VIM的支持，连我这么多年的VI死忠粉都开始倒戈。但没有最好，只有更好，期待Sublime持续的开发给我们带来新的惊喜。

这个列表列出了十个插件，推荐给开发人员。

10. Package control

Package control是必装插件，所有其他的插件和主题都可以通过它来安装。希望它能出现在正式版默认包中。

首先参照下面的教程来安装Package Control：

如何安装Package Control

9. Bracket Highlighter

用于匹配括号，引号和html标签。对于很长的代码很有用。安装好之后，不需要设置插件会自动生效。

8. DocBlockr

DocBlockr可以自动生成PHPDoc风格的注释。它支持的语言有Javascript, PHP, ActionScript, CoffeeScript, Java, Objective C, C, C++。

使用方法

按下Enter或者Tab键，代码自动变成

7. SideBar Enhancements

这个插件改进了侧边栏，增加了许多功能：将文件移入回收站，在浏览器中浏览，将文件复制到剪切板。

6. Prefixr

由于CSS3和HTML5的W3C规范都尚未统一，各大浏览器对标准的支持还是有差异的。所以在编写CSS3代码还需要针对不同的浏览器写一堆的CSS3代码前缀。Prefixr插件能将CSS3代码自动生成跨浏览器CSS代码。

使用方法

.box {

border-radius: 10px;

box-shadow: 0 0 5px rgba(0,0,0,.4);

}

按下control + command + X（Mac）或者 ctrl + Alt + X（Windows），会转换成：

.box {

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

-webkit-box-shadow: 0 0 5px rgba(0,0,0,.4);

-moz-box-shadow: 0 0 5px rgba(0,0,0,.4);

box-shadow: 0 0 5px rgba(0,0,0,.4);

}

5. Emmet(Zen Coding)

大名鼎鼎的Zen Coding改名作Emmet啦，Zen Coding的Sublime Text 2插件也不再更新，现在整个项目搬到了Emmet了。仅仅需要一行代码就能快速生成html代码。

1	`ul#nav>li.item$*4>a{Item $}`

你只需要按下control + E，代码就会自动展开成：

<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的神奇功能吧。

4. Git

Git是我最喜欢的版本控制系统，如果你每天要使用Git，那这个插件对你来说必不可少了。

使用Package Control下载后，你只需要调出命令面板，输入Git，便能找到所有常用的功能。

3. JSLint

JSLint是一个Javascript代码质量检测工具。它可以告诉你代码的什么地方需要改进。虽然你也可以在网上检测，但这个插件能让你不打开浏览器，直接在Sublime里面检测。

使用方法

按下Shift + Command + P(Mac)或是Shift + Ctrl + P(Windows)调出命令面板，找到JSLint: Run JSLint，按下Enter，JSLint会输出结果到状态栏。

2. Sublime Linter

这个插件帮你找到代码中的错误。它支持很多语言：PHP, Python, Java, CoffeScript, CSS, HTML, JavaScript, Perl, PHP, Python, Ruby, XML等。Javascript需要安装Node.js引擎，其他配置详见项目主页。强烈推荐安装。

1. Sublime CodeIntel

Sublime CodeIntel是我最喜欢的插件，它提供了很多IDE提供的功能，例如代码自动补齐，快速跳转到变量定义，在状态栏显示函数快捷信息等。

它支持的语言有：PHP, Python, RHTML, JavaScript, Smarty, Mason, Node.js, XBL, Tcl, HTML, HTML5, TemplateToolkit, XUL, Django, Perl, Ruby, Python3.

虽然有时候有点小问题，但真的能节省很多时间。强烈推荐安装。

0. Dayle Rees颜色主题

尽管Sublime自带的颜色主题已经够棒了，但也有审美疲劳的一天，这时，你可以下载Dayle Rees主题，有多款主题可选。