sublime介绍
突然之间,团队中更换了一个新的代码编辑工具。她来得很突然,但是我们在开始接触到她,就深深地被她吸引住了,因为她的确能够让一个编程人员(尤其是前端开发人员欣喜发狂),用其他人的形容就是她太性感了!
正如其官方网站所说的:“sublime text2 是一个精致的用于编码,标记和写作的文本编辑器(Sublime Text is a sophisticated text editor for code, markup and prose.)“。
其主特性包括:
- 便捷地切换 (Goto Anything)
- 多处选择同时修改(Multiple Selections)
- 控制面板直接输入指令(Command Palett)
- Chrome类似全屏幕,避免注意力分散(Distraction Free Mode )
- 单文件多处编辑(Split Editing)
- 快速工程切换(Instant Project Switch)
- 自定义任何内容(Customize Anything)
- 跨平台,OS X,Windows, Linux (Cross Platform)
关于下载
当然我们这些具有中国特色的勤劳智慧的码农自然不会去它买单,尽管它真的非常好,非常优秀。虽然我们也很想支持一些Sublime的事业,怎奈何自己都还没有解决温饱问题,故我们有破解版(似乎没有什么绝对不能破解的软件,尤其是在这个屌丝遍地的国度)。
随文附上破解版方法:(从官网下载32为便携版之后,用附件中的破解文件sublime_text.zip 中的sublime text2.exe覆盖源文件就行)。
关于字体
这儿我听从了网上的建议换了一个适合于编程的字体,可以让你看着代码更加舒心。你只需要下载好字体Source Code Pro(见附件),并且安装进windows下面的fonts文件夹,然后做一个简单的配置就可以了。 切换成适合的编程字体只需要在settings-user中配置就可以。
Sublime的一些优美的地方
1. 小巧便捷
Sublime提供绿色便携版,你可以将sublime解压后,安装各种插件,调至自己满意的设定。然后把整个文件夹copy出来放进u盘,然后走在哪儿都可以使用,并且不用作任何配置。强烈建议各位童鞋使用各种如360云盘之类的同步工具进行同步,然后在各个电脑之间只要联网更新即可。
2. 配置灵活
Sublime采用了类似于前端插件的配置机制。先设置一份默认的配置文档(settings-default),如果用户不进行任何设置,则default生效。如果用户要进行设置(如更改字体,主题等),可以在用户配置文档(settings-user)里对要进行改变的地方进行设置(不需要完全设置)。这样用户更改的部分就会将默认设置中的部分重置,再加上默认设置中用户未更改的部分,就构成了sublime的新配置。
这里还要提到一点的就是整个配置文件都是通过代码的形式对外的,代码格式类似Javascript,只对于有一些程序基础的人来说完全不是什么难事儿。你甚至可以将sublime完全改得没有人样儿,只要你喜欢就行。
3. Package Control-插件机制
Package control提供便捷地安装第三方插件的功能,要安装“package control”,需要使用快捷键ctrl+~调出控制台,然后输入如下代码:
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())
安装之后需要重启,如果成功,可以看到有preference->package control项。安装过程注意确保防火墙允许了sublime。有了package control就可以便捷地通过输入ctrl+shift+p,然后键入install命令,安装各种第三方插件了。
插件
对于经常编写前端的同学,在此个人推荐几款比较好的插件供大家参考。
成功安装了“package control”之后,通过ctrl+shift+p呼出指令面板,然后键入install,确认后就可以输入插件名了。
1. zenCoding
这玩意儿可以极大地提高前端编程的速度。可谓是神器级别的。具体关于zencoding的相关介绍,请参看:
官方 PDF (三列)下载地址:ZenCodingCheatSheet.pdf(见附件)
前端笔记 PDF (单列)下载地址:ZenCodingCheatSheet (190)
Zen Coding 官方地址:http://code.google.com/p/zen-coding/
安装方法:ctrl+shift+p->install->zencoding
使用效果:
比如说对于一个空文档,直接输入html:5,然后按下tab键,会得到一段最简单的含有head和body的html代码。再用不用直接敲了。
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html>
还有如果要输入ul.nav>li*5>a[href='javascript:;'],会有什么后果呢?结果这货可以直接得到以下代码,是不是快得你都要哭了?!
2. Alignment
很多代码强迫着必须看到对齐的等号,那么这款插件可以帮助你。
安装方法:ctrl+shift+p->install->alignment
使用效果:(快捷键:ctrl+alt+a)
3. Docblockr
有时我们希望在一个函数的上面添加注释,但是通常需要一行一行地敲,而且还要注意换行和格式问题。 这款插件可以方便地像aptana一样提供便捷的注释。只需要在function上面键入” /**”,然后按一下tab件就可以搞定!
安装方法:ctrl+shift+p->install->docblockr
使用效果:
4. BracketHighlighter
提供快捷的小括号,花括号匹配功能。让你再也不用为找不到代码中嵌套逻辑的括号儿发愁了。
安装方法:ctrl+shift+p->install-> BracketHighlighter
使用效果:
5. 其他推荐
还有很多插件有待你去发掘,安装方法如上,这个不详述了。
- JS Format-快速js格式化内容
- JS Minifer 提供js压缩功能,基于GG的closure complier,快捷键:ctrl+alt+M
- jquery 提供jquery的一些snippets片段 ,方便直接调用
- ……
一些常用的快捷键汇总
- 搜索文件:ctrl+p
- 删除行:ctrl+shift+k
- 复制行:ctrl+shift+d
- 快速跳到某个函数:ctrl+R
- 跳转到指定行:CTRL + g
- 多处更改:选中文本之后,alt+f3
- 多行合并:ctrl+J,
- 注释和取消注释:ctrl+shift+/,
- 选择正行:ctrl+L 或 ctrl+down
- ……
一些经常用到的技巧:
建立工程
通过Project –> add Folder to Project创建一个工程
然后会得到一个左侧的目录面板,就可以正常编辑了
Remove 组件
通过ctrl+shift+p->remove->相应的组件名,可以删除已经安装的组件
无干扰编程
点击顶部View 菜单. 选择 “Enter Distraction Free Mode 或者 按下 Control + Shift + Command + F (MAC) / Shift + F11 (windows) 进入 Distraction Free Mode。可以安心全意的在全屏幕下编程,减少外界的打扰。
查找文件
方法:通过ctrl+p,可以直接查找文件project中的任何文件。比如要打开项目中的一个叫做index.html的文件,只需要输入index,则能得到:
你甚至可以只输入文件夹的首字母