最近用到这款工具 觉得还不错,网上找了一些教程:
下面是 Lucifr 的三篇介绍:
Sublime Text 2 入门及技巧
ZenCoding in Sublime Text 2
Sublime Text 2 实用快捷键[Mac OS X]
Sublime Text 2 右键菜单中的实用选项
以及 istyles 的:
Sublime Text 2 快捷键 (windows)
Ctrl+L | 选择整行(按住-继续选择下行) |
Ctrl+KK | 从光标处删除至行尾 |
Ctrl+Shift+K | 删除整行 |
Ctrl+Shift+D | 复制光标所在整行,插入在该行之前 |
Ctrl+J | 合并行(已选择需要合并的多行时) |
ctrl+ku | 改为大写 |
Ctrl+KL | 改为小写 |
Ctrl+D | 选词 (按住-继续选择下个相同的字符串) |
Ctrl+M | 光标移动至括号内开始或结束的位置 |
Ctrl+Shift+M | 选择括号内的内容(按住-继续选择父括号) |
Ctrl+/ | 注释整行(如已选择内容,同“Ctrl+Shift+/”效果) |
Ctrl+Shift+/ | 注释已选择内容 |
Ctrl+Space | 自动完成(win与系统快捷键冲突,需修改) |
Ctrl+Z | 撤销 |
Ctrl+Y | 恢复撤销 |
Ctrl+Shift+V | 粘贴并自动缩进 |
Ctrl+M | 光标跳至对应的括号 |
Alt+. | 闭合当前标签 |
Ctrl+Shift+A | 选择光标位置父标签对 |
Ctrl+Shift+[ | 折叠代码 |
Ctrl+Shift+] | 展开代码 |
Ctrl+KT | 折叠属性 |
Ctrl+K0 | 展开所有 |
Ctrl+U | 软撤销 |
Ctrl+T | 词互换 |
Tab | 缩进 |
Shift+Tab | 去除缩进 |
Ctrl+Shift+UP | 与上行互换 |
Ctrl+Shift+DOWN | 与下行互换 |
Ctrl+K Backspace | 从光标处删除至行首 |
Ctrl+Enter | 插入行后 |
Ctrl+Shift Enter | 插入行前 |
F9 | 行排序(按a-z) |
常用插件 转载(http://www.kekaku.com/webdevelop/1059)
1、安装包控制(Package Control)
打开Sublime Text 2,按快捷键 ctrl+` 或者点击 Tools → Command Palette 调出控制台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 这一项,就说明安装成功了。
2、安装Alignment插件
对于喜欢整齐的玛民来说,这不失为一个省事的插件。该插件可以通过上面安装好的 Package Control 来安装:
按ctrl + shift + P调出命令面板;
输入 install 调出 Package Control:Install Package 选项,并回车;
输入Alignment,选中并按回车安装;
重启Sublime Text 2,选中文本并按ctrl + alt + a 就可以进行对齐操作了。
3、安装 Soda 主题
这里的主题不同于针对代码的 color scheme,而是针对Sublime Text 2该软件本身的主题,该主题也可以通过万能的 Package Control 来安装。
按ctrl + shift + P调出命令面板;
输入 install 调出 Package Control:Install Package 选项,并回车;
输入 theme soda 选中后回车即可安装;
安装完之后要激活主题,打开 Preferences → Settings – User,加上以下代码保存即可生效:
"theme": "Soda Light.sublime-theme" 或者 "theme" : "Soda Dark.sublime-theme"
4、jsFormat插件
格式化js:选中一段文本,control+alt+f。
5、ZenCoding插件(Zen Coding: 一种快速编写HTML/CSS代码的方法)
tab键自动完成
Emmet
Emmet作为zen coding的升级版,对于前端来说,可是必备插件,如果你对它还不太熟悉,可以在其官网(http://docs.emmet.io/)上看下具体的视频教程。当然在sublime text中emmet的快捷键有些改变,按tab或ctrl+e都可以扩展,具体的其他快捷键改变请参看emmet sublime
另:安装emmet升级版本之后,会弹出一个package control message里面有一些它升级的信息,建议大家读下。里面有一条说是升级后tab键太强大了,把自定义的一些代码片段都给覆盖了,所以如果你自定义了一些自己的代码片段,你就得处理下了。原文如下“By default, Emmet allows you to expand abbreviations with Tab key in HTML, XML, HAML and CSS/SASS/LESS/Stylus documents. As a side effect, you can’t use some of your ST2 snippets.”。我目前的处理方法是在Emmet.sublime-settings文件中直接禁用了tab键,设置disable_completions为true。关于emmet的第二点经验就是如何更改emmet里面的代码,在emmet插件里面找到snippets.json这个文件,打开看看,找到你想修改的,如"d:ib": "display:inline-block;"这条我们把后面修改成"display:inline-block;*display:inline;*zoom:1;"
liveReload
顾名思义,就是自动更新,而不需要我们编辑一次就手动刷新一下。
安装好liveReload插件之后,就是给浏览器安装相应的插件了,在readme中可以找到谷歌和火狐的插件地址分别为:Google Chrome extension, Firefox 4 extension
yui compressor
yui压缩,可以压缩js和css文件,运行于java环境,安装之后,同样可以参考readme文件,就知道它是怎么用的了
Search in Browser
这个就是直接在编辑器中直接快捷键“ctrl+alt+g”,打开谷歌搜索,当然还有其他的,可以参考readme文件,同样还有一个插件stackoverflow search,可以直接在stackoverflow里面搜索你的问题。
nettuts fetch
这个插件能让你快速的取得远程文件或文件夹,而不用再去翻找。使用方法很简单,总共有三个命令,分别是fetch:file,fetch:manage和fetch:package如下图:
TortoiseSVN
git
gist(线上代码片段)
格式化代码
cssFormat
jsFormat
Tag(可以格式化html,有注释的时候表现不是很理想)
其他插件
bracket highlighter(括弧高亮显示)
Goto-CSS-Declaration(跳转到css文件该class的声明处,注意对应的css文件要同时打开才行)
jquery package,scss(支持scss的语法高亮)
Clipboard History(剪切板历史,可以保存多个复制信息,按下ctrl+alt+v,可以选择历史剪切板)
更多常用插件http://www.qianduan.net/essential-to-sublime-the-text-2-plugins.html
http://www.ueder.net/2012/03/08/%E4%BB%8Enotepad-%E5%88%B0-sublime-text2/