Embed Size (px)
Citation preview
Sublime Text2 编辑器介绍与使用 兼具 vim 和 TextMate 优点的编辑器，比 vim 现代，比
TextMate 更新快，支持 OS X, Linux 和 Windows，超级厚道的共享
软件。
112年4月20日星期五
【目录】
Sublime编辑器的亮点Package Control的安装与使用
介绍几款插件
gist + github = 云代码片段
推荐阅读附：Sublime 快捷键列表
212年4月20日星期五
Sublime 编辑器亮点自定义项目目录，并可以 Ctrl+P 在目录里实时文件跳转
312年4月20日星期五
Sublime 编辑器亮点查看未修改部分（鼠标右键菜单）
412年4月20日星期五
Sublime 编辑器亮点Ctrl+R 跳转到某个标记（HTML跳转方便）
512年4月20日星期五
Sublime 编辑器亮点网站地图（快速跳转块位置）
612年4月20日星期五
Sublime 编辑器亮点多重选择
7
按住Ctrl 可以鼠标点选多个位置，但不支持框选！
12年4月20日星期五
Sublime 编辑器亮点缩进提示
812年4月20日星期五
Sublime 编辑器亮点分拆窗口
912年4月20日星期五
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这一项，就说明安装成功了。
1012年4月20日星期五
几款前端实用的插件
zendCode（实时预览 + 代码片段）
Bracket Highlighter(类似于代码匹配，可以匹配括号，引号等符号内的范围。)
Alignment(自动对齐)
Clipboard History（剪切版历史记录）
Goto-CSS-Declaration（跳转到所在的CSS代码）
HTML5（更多HTML标签支持）
JsFormat (js格式化 Ctrl + Alt + F，强烈推荐)
KeymapManager ( 插件快捷键查看器，插件装多了，快捷键老忘了必备 )
1112年4月20日星期五
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”。
1212年4月20日星期五
gist + github = 云代码片段
调用代码片段：通过命令框调用 Gist:Open Gist，或是快捷键 ⌃⌘G。
这时可以通过搜索框进行过滤，借助 Sublime Text 2 的实时匹配，可以很容易的找到你需要的片段，按下回车就会在新标签中打开，然后就可以复制粘贴到需要的地方了。
这个插件不支持直接插入，你也可以选择通过 Package Control 安装另外一个插件：sublime-github，支持复制到粘贴板 “Copy Gist to Clipboard”。
更新代码片段：通过 Gist:Open Gist 打开的片段，可以在修改后通过 Gist: Update File 进行更新。
1312年4月20日星期五
推荐阅读文章
《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/
1412年4月20日星期五
附：Sublime 快捷键列表注意：修饰键（如Ctrl + ）后跟多个按键的情况表示在按住修饰键的情况下依次按下相应键
15
打开/前往 编辑
12年4月20日星期五
附：Sublime 快捷键列表注意：修饰键（如Ctrl + ）后跟多个按键的情况表示在按住修饰键的情况下依次按下相应键
1612年4月20日星期五
3Q!
1712年4月20日星期五
