Upload
sonic0828
View
1.226
Download
2
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日星期五