Sublime text2的介绍与使用

1. Sublime Text2 编辑器介绍与使用
兼具 vim 和 TextMate 优点的编辑器，比 vim 现代，比
TextMate 更新快，支持 OS X, Linux 和 Windows，超级厚道的共享
软件。
1
12年4月20日星期五

2. 【目录】
Sublime编辑器的亮点
Package Control的安装与使用
介绍几款插件
gist + github = 云代码片段
推荐阅读
附：Sublime 快捷键列表
2
12年4月20日星期五

3. Sublime 编辑器亮点
自定义项目目录，并可以 Ctrl+P 在目录里实时文件跳转
3
12年4月20日星期五

4. Sublime 编辑器亮点
查看未修改部分（鼠标右键菜单）
4
12年4月20日星期五

5. Sublime 编辑器亮点
Ctrl+R 跳转到某个标记（HTML跳转方便）
5
12年4月20日星期五

6. Sublime 编辑器亮点
网站地图（快速跳转块位置）
6
12年4月20日星期五

7. Sublime 编辑器亮点
多重选择
按住Ctrl 可以鼠标点选多个位置，但不支持框选！
7
12年4月20日星期五

8. Sublime 编辑器亮点
缩进提示
8
12年4月20日星期五

9. Sublime 编辑器亮点
分拆窗口
9
12年4月20日星期五

10. Package Control的安装与使用
打开 Sublime Text 2，按下 Control + ` 调出 Console
将以下代码粘贴进命令行中并回车：
import urllib2,os;pf='Package Control.sublime-
package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not
os.path.exists(ipp) else
None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://
sublime.wbond.net/'+pf.replace(' ','%20')).read())
重启 Sublime Text 2，如果在 Preferences -> Package Settings中见到Package
Control这一项，就说明安装成功了。
10
12年4月20日星期五

11. 几款前端实用的插件
zendCode（实时预览 + 代码片段）
Bracket Highlighter(类似于代码匹配，可以匹配括号，引号等符号内的范
围。)
Alignment(自动对齐)
Clipboard History（剪切版历史记录）
Goto-CSS-Declaration（跳转到所在的CSS代码）
HTML5（更多HTML标签支持）
JsFormat (js格式化 Ctrl + Alt + F，强烈推荐)
KeymapManager ( 插件快捷键查看器，插件装多了，快捷键老忘了必备 )
11
12年4月20日星期五

12. gist + github = 云代码片段
建立一个 Gist 账户。( https://github.com )
通过 Package Control 安装 Gist 插件。
编辑Sublime Text 2/Packages/Gist/Gist.sublime-settings，填入 Gist 账户名及密
码。( 56前端帐号：56f2e 密码：f2ecoding )
创建新的代码片段：用 Sublime Text 2 建立空白文档，输入/粘贴需要的
代码片段（无需保存），通过命令框（Ctrl+Shift+P）调用 Gist:Creat Public
Gist 建立 Gist。或是用默认快捷键 Ctrl + KI（按住Ctrl后按K及I）。
由于 Gist 不提供分类，所以在输入 Description 时，最好使用“语言:名
称”的形式以便于查找，如：“HTML: Starting Template”。
12
12年4月20日星期五

13. gist + github = 云代码片段
调用代码片段：通过命令框调用 Gist:Open Gist，或是快捷键 ⌃⌘G。
这时可以通过搜索框进行过滤，借助 Sublime Text 2 的实时匹配，可以很
容易的找到你需要的片段，按下回车就会在新标签中打开，然后就可以
复制粘贴到需要的地方了。
这个插件不支持直接插入，你也可以选择通过 Package Control 安装另外
一个插件：sublime-github，支持复制到粘贴板 “Copy Gist to Clipboard”。
更新代码片段：通过 Gist:Open Gist 打开的片段，可以在修改后通过 Gist:
Update File 进行更新。
13
12年4月20日星期五

14. 推荐阅读文章
《sublime Text 2 入门篇》
http://lucifr.com/139225/sublime-text-2-tricks-and-tips/
《插件篇》
http://www.qianduan.net/essential-to-sublime-the-text-2-plugins.html
《视频简介》
http://v.youku.com/v_show/id_XMzU5NzQ5ODgw.html
《Sublime Text 2 + Gist = 代码片段管理器》
http://lucifr.com/2012/03/07/sublime-text-2-plus-gist-equal-snippet-manager/
14
12年4月20日星期五

15. 附：Sublime 快捷键列表
注意：修饰键（如Ctrl + ）后跟多个按键的情况表示在按住修饰键的情
况下依次按下相应键
打开/前往 编辑
15
12年4月20日星期五

16. 附：Sublime 快捷键列表
注意：修饰键（如Ctrl + ）后跟多个按键的情况表示在按住修饰键的情
况下依次按下相应键
16
12年4月20日星期五

17. 3Q!
17
12年4月20日星期五