lxjwlt's blog

sublime快捷键及常用插件——工欲善其事,必先利其器

快捷键

默认快捷键:

常用Emmet快捷键:

推荐插件

Emmet(原名Zen Coding)

用法:

演示:

zen coding

数值增减1

Emmet是一款用于HTML、CSS和XSL的高效编程插件,原先zen coding需要按快捷键 ctrl+alt+enter才能运行,现在更新了另一种方式——直接在文本中输入zen coding的语句,然后按tag键就可以实现同样功能,非常棒。

jQuery-snippets

用法:按ctrl+shift+p查找jQuery代码,充当字典功能

演示: jQuery-snippets

这个插件提供jQuery的提示功能,不过每次提示都需要快捷键ctrl+shift+p上查找,不过如果和CodeIntel插件(下面说到)配合使用能互补不足,因为两个插件都有些jQuery代码缺少。

Alignment

用法:选定要对齐的行,按ctrl+alt+a

演示: Alignment

等号对齐插件,使代码更美观

BracketHighlighter

演示: brackerhightlighter

高亮显示光标所在的括号和引号,类似于代码匹配,可以匹配括号,引号等符号内的范围

Clipboard History

用法:按ctrl+shift+v 演示: clipboard history

粘贴板历史记录,方便使用复制/剪切的内容,快捷键ctrl+shift+v可调出该历史记录面板

CodeIntel

演示: codeIntel

代码自动提示,支持大多数语言,能很好地提示大部分jQuery API

SideBarEnhancements

用法:F12 演示:

SideBarEnhancements

这个插件能实现很多功能,比如改变菜单栏的选项,加入一些文件的打开方式,可以直接在sublime菜单中选择用photoshop打开图片什么的,但我看中它的功能是,按F12可用默认浏览器打开当前html页面,还可以通过修改来实现用其他浏览器打开当前页面

sublimeLinter

前提:安装Node.js和npm 演示:

sublimeLinter

插件原文件中只定义了一些基础的js检查机制,你可以通过修改自由的定制它,是它更严格些(js检查机制是基于jshint,相关选项可以参照此处添加) 该插件可以高亮显示发生了js错误或css错误的行,这两种检查机制均可自由定制

sublime-v8

用法:

演示:

sublime-v8

和sublimeLinter一样都是基于jshint的,不同是这插件会显示出错原因,而且没有精力去折腾node.js的同学,可以直接用这个插件,这插件不需要Node.js

daylerees-schemes

用法:菜单 preferences –> color schemes –> daylerees schemes

演示:以上演示图的代码颜色均为该插件中的snappy主题 超多漂亮的代码颜色标记,相信一定有你喜欢的

以上插件均可在此处打包下载

小技巧

取消自动输出双括号

默认状态下,输入左括号时sublime会自动将右括号打出来了,如果不习惯这种,可以打开菜单栏 Preferences->Setting-user 设置 auto_match_enabledfalse 即可。

自定义快捷键的设置和插件的设置

插件的快捷键和自定义设置一般在 菜单 —>preferences —>package settings 中设置,其中快捷键的设置选项一般包含 key 字样,而插件本身的设置一般包含 setting 字样。

如果通过上述方式打开的文件中为空,则需要前去插件文件中找到真正的设置文件 菜单 —> preferences —> browse packages,在打开的文件夹中找到你的插件文件,进入再通过 keysetting 字样来一个个找到设置文件,然后打开自行定制,一般设置选项都为 truefalse,比如: