突然之间,团队中更换了一个新的代码编辑工具。她来得很突然,但是我们在开始接触到她,就深深地被她吸引住了,因为她的确能够让一个编程人员(尤其是前端开发人员欣喜发狂),用其他人的形容就是她太性感了!
正如其官方网站所说的:“sublime text2 是一个精致的用于编码,标记和写作的文本编辑器(Sublime Text is a sophisticated text editor for code, markup and prose.)“。
其主特性包括:
当然我们这些具有中国特色的勤劳智慧的码农自然不会去它买单,尽管它真的非常好,非常优秀。虽然我们也很想支持一些Sublime的事业,怎奈何自己都还没有解决温饱问题,故我们有破解版(似乎没有什么绝对不能破解的软件,尤其是在这个屌丝遍地的国度)。
随文附上破解版方法:(从官网下载32为便携版之后,用附件中的破解文件sublime_text.zip 中的sublime text2.exe覆盖源文件就行)。
这儿我听从了网上的建议换了一个适合于编程的字体,可以让你看着代码更加舒心。你只需要下载好字体Source Code Pro(见附件),并且安装进windows下面的fonts文件夹,然后做一个简单的配置就可以了。 切换成适合的编程字体只需要在settings-user中配置就可以。
Sublime提供绿色便携版,你可以将sublime解压后,安装各种插件,调至自己满意的设定。然后把整个文件夹copy出来放进u盘,然后走在哪儿都可以使用,并且不用作任何配置。强烈建议各位童鞋使用各种如360云盘之类的同步工具进行同步,然后在各个电脑之间只要联网更新即可。
Sublime采用了类似于前端插件的配置机制。先设置一份默认的配置文档(settings-default),如果用户不进行任何设置,则default生效。如果用户要进行设置(如更改字体,主题等),可以在用户配置文档(settings-user)里对要进行改变的地方进行设置(不需要完全设置)。这样用户更改的部分就会将默认设置中的部分重置,再加上默认设置中用户未更改的部分,就构成了sublime的新配置。
这里还要提到一点的就是整个配置文件都是通过代码的形式对外的,代码格式类似Javascript,只对于有一些程序基础的人来说完全不是什么难事儿。你甚至可以将sublime完全改得没有人样儿,只要你喜欢就行。
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,确认后就可以输入插件名了。
这玩意儿可以极大地提高前端编程的速度。可谓是神器级别的。具体关于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:;'],会有什么后果呢?结果这货可以直接得到以下代码,是不是快得你都要哭了?!
很多代码强迫着必须看到对齐的等号,那么这款插件可以帮助你。
安装方法:ctrl+shift+p->install->alignment
使用效果:(快捷键:ctrl+alt+a)
3. Docblockr
有时我们希望在一个函数的上面添加注释,但是通常需要一行一行地敲,而且还要注意换行和格式问题。 这款插件可以方便地像aptana一样提供便捷的注释。只需要在function上面键入” /**”,然后按一下tab件就可以搞定!
安装方法:ctrl+shift+p->install->docblockr
使用效果:
提供快捷的小括号,花括号匹配功能。让你再也不用为找不到代码中嵌套逻辑的括号儿发愁了。
安装方法:ctrl+shift+p->install-> BracketHighlighter
使用效果:
还有很多插件有待你去发掘,安装方法如上,这个不详述了。
通过Project –> add Folder to Project创建一个工程
然后会得到一个左侧的目录面板,就可以正常编辑了
通过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,则能得到:
你甚至可以只输入文件夹的首字母