《转载》Sublime Text 2 相关

最近用到这款工具 觉得还不错,网上找了一些教程:

下面是 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/

 

posted @ 2012-06-29 10:01  BiakeChou  阅读(709)  评论(0编辑  收藏  举报