IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

我的 Sublime Text 2 笔记

颜海镜 2015-01-21 23:44:49 累计浏览 16,723 次
本机暂存

作为aptana死忠粉的我,最近由于工作需要最近开始使用sublime,初次使用,就被其秒开的启动速度,简洁的界面设计,无干扰的信息提示所这幅。

俗话说,工欲善其事必先利其器,作为码农,在开始编码之前,必须要对自己的工具熟悉,才能事半功倍,所以开始了一番折腾,下面记录下一些笔记。

快捷键

作为码农,很多时间都是在敲键盘的,所以快捷键是非常重要的,sublime的快捷键非常非常多,很难都记住,按照80/20原则,只有20%是常用的,下面是我常用的快捷键:

快捷键功能
ctrl + p搜索项目中的文件
ctrl+k, ctrl+b切换侧边栏显示状态
ctrl+shift+backspace左侧全部删除
ctrl+y重做或重复
shift+方向键移动并选择
ctrl+[|]缩进|取消缩紧
ctrl+l选择行,重复可依次增加选择下一行
ctrl+m跳转到对应括号
ctrl+shift+m选中括号间的内容
alt+.close tag
ctrl+shift+p打开命令面板
ctrl+r前往Method
ctrl+g跳转到第几行
ctrl+/当前行注释状态切换
ctrl+shift+[|]折叠|展开(代码)
ctrl+h替换
ctrl+[shift]+f[全局]查找
ctrl+tab, alt+num, ctrl+pageup切换tab面板
ctrl+shift+y将光标处的表达式计算,对于数学不好的很有用
ctrl+shift+v|ctrl+v粘贴并缩紧|粘贴
ctrl+d选择一个选中项的下一个匹配项
alt+f3选择文件中的所有匹配项项
ctrl+shift+’选择所有选中项的标签
ctrl+shift+a选择当前选中项的父容器,可连续使用
ctrl+shift+[↑↓]上移或下移行
ctrl+shift+d复制行或选中项
alt+shift+w用标签包裹行或选中项
ctrl+[↑↓]|alt+[↑↓]|alt+shift+[↑↓]加1|加10|加0.1
ctrl+shift+;移除未闭合的容器元素

插件

sublime的功能已经很满足大部分需求了,但还是有个别差异化的需求,无法满足,这时候sublime的插件派上用场,先来晒下我的插件。

由于sublime 2本身不带插件,所以要先安装插件管理器(package control),首先打开控制台,点击sublime的菜单栏 view->show console(或者使用快捷键 ctrl+`)。

现在打开了控制台, 这个控制台有上下两栏, 上面一栏会实时显示sublime执行了什么插件,输出执行结果, 如果你安装的某个插件不能正常运行,应该先在这里看看有没有报错。下面栏是一个输入框,可以运行python代码。

我们输入下面的代码点击回车运行, 就能安装好package control了。

import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

运行结束以后,记得重启编辑器,就能在Preferences中看到 package control了。

然后我们按住 ctrl+shift+p。此时会输出一个输入框,即可安装,删除,更新插件了。

LESS

这是一个非常棒的插件,可以让sublime支持less的语法高亮和语法提示,对于搞less的同学灰常重要,不过多解释。

Emmet

Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度。

SublimeLinter

可以验证各种语法错误,不多解释。

DocBlockr

DocBlockr 可以使你很方便地对代码建立文档。它会解析函数,变量,和参数,根据它们自动生成文档范式,你的工作就是去填充对应的说明。

JsFormat

专门用来格式化js的工具,非常给力。

BracketHighlighter

像这些符号是成对的:花括号{}, 中括号[],括号:() ,引号“” 等。 这些符号当我们鼠标放在开始符号的位置的时候, 希望能明显看到结尾符号在哪儿sublime默认是下划线,很不明显, 想要明显一点,可以安装插件 BracketHighlighter。

GBK Encoding Support

这个插件还是非常有用的,因为sublime 本身 不支持gbk编码,在utf8如此流行的今天,我们整站还是gbk编码,o(︶︿︶)o 唉,所以全靠这个插件了。

HTML/CSS/JS Prettify

不解释,神奇,秒杀jsFormat,能够格式化css html 和js。

Terminal

可以sublime中,打开命令行,非常方便哦。

jQuery

支持jquery的只能语法提示,很赞。

SyncedSideBar

支持当前文件在左侧面板中定位,不错。

Clipboard History

可以保存粘贴的历史,很赞的功能,再也不用担心历史丢失了。ctrl+alt+v可打开历史面板,上下选择即可,安装后会和默认的ctrl+shift+v(粘贴缩进)冲突,干掉这个快捷键。

CSS3_Syntax

对css语法高亮的支持,view-syntax-css3选中css3就能使用css3高亮了。必须每条属性都加上分号,并且属性必须小写,不然不会高亮,有点鸡肋啊。

总结

sublime非常棒的,正是我喜欢的风格。

参考资料

同分类推荐文章

  1. translateZ() (2026-06-25 21:18:56)
  2. translateY() (2026-06-25 21:17:56)
  3. translateX() (2026-06-25 21:16:01)

查看更多 前端 文章 →

建议继续学习

  1. 120个优秀的水平导航设计 (累计阅读 75,622)
  2. 流程管理与用户研究 (累计阅读 17,050)
  3. 越简单越丰富――极简网页设计视觉呈现技巧 (累计阅读 11,594)
  4. 看看各个网站的404错误处理 (累计阅读 10,205)
  5. 视觉设计前瞻实用性研究(PNVD) 第五期 (累计阅读 7,195)
  6. 视觉注意力―解剖设计的根源 (累计阅读 6,965)
  7. 给想转行做产品经理的同学 (累计阅读 6,924)
  8. 可用性测试好助手——Morae软件的应用 (累计阅读 6,777)
  9. JavaScript,只有你想不到 (累计阅读 6,301)
  10. 在大公司和小公司做产品的区别 (累计阅读 6,071)