sublime text 2使用心得汇总

sublime介绍

突然之间,团队中更换了一个新的代码编辑工具。她来得很突然,但是我们在开始接触到她,就深深地被她吸引住了,因为她的确能够让一个编程人员(尤其是前端开发人员欣喜发狂),用其他人的形容就是她太性感了!

正如其官方网站所说的:“sublime text2 是一个精致的用于编码,标记和写作的文本编辑器(Sublime Text is a sophisticated text editor for code, markup and prose.)“。

 

 

其主特性包括:

  1. 便捷地切换 (Goto Anything
  2. 多处选择同时修改(Multiple Selections
  3. 控制面板直接输入指令(Command Palett
  4. Chrome类似全屏幕,避免注意力分散(Distraction Free  Mode 
  5. 单文件多处编辑(Split Editing
  6. 快速工程切换(Instant Project Switch
  7. 自定义任何内容(Customize Anything
  8. 跨平台,OS XWindows Linux Cross Platform

关于下载

具体获取Sublime的方法很多种,下载正版,可以参看官网地址:http://www.sublimetext.com/,但是请注意,下载后会需要购买许可,单人使用都得$59。但是sublime还算有良心了,提供无限制使用,就是时不时会弹出购买许可的提示,笑过就行。

当然我们这些具有中国特色的勤劳智慧的码农自然不会去它买单,尽管它真的非常好,非常优秀。虽然我们也很想支持一些Sublime的事业,怎奈何自己都还没有解决温饱问题,故我们有破解版(似乎没有什么绝对不能破解的软件,尤其是在这个屌丝遍地的国度)。

随文附上破解版方法:(从官网下载32为便携版之后,用附件中的破解文件sublime_text.zip 中的sublime text2.exe覆盖源文件就行)。

(支持正版啊,亲!)

关于字体

这儿我听从了网上的建议换了一个适合于编程的字体,可以让你看着代码更加舒心。你只需要下载好字体Source Code Pro见附件),并且安装进windows下面的fonts文件夹,然后做一个简单的配置就可以了。 切换成适合的编程字体只需要在settings-user中配置就可以。

        60FA0D6708672F00063EA29995952BC68174157EF8AFF_429_109.PNG (429×109)

Sublime的一些优美的地方

1.      小巧便捷

Sublime提供绿色便携版,你可以将sublime解压后,安装各种插件,调至自己满意的设定。然后把整个文件夹copy出来放进u盘,然后走在哪儿都可以使用,并且不用作任何配置。强烈建议各位童鞋使用各种如360云盘之类的同步工具进行同步,然后在各个电脑之间只要联网更新即可。

 

2.      配置灵活

Sublime采用了类似于前端插件的配置机制。先设置一份默认的配置文档(settings-default,如果用户不进行任何设置,则default生效。如果用户要进行设置(如更改字体,主题等),可以在用户配置文档(settings-user)里对要进行改变的地方进行设置(不需要完全设置)。这样用户更改的部分就会将默认设置中的部分重置,再加上默认设置中用户未更改的部分,就构成了sublime的新配置。

这里还要提到一点的就是整个配置文件都是通过代码的形式对外的,代码格式类似Javascript,只对于有一些程序基础的人来说完全不是什么难事儿。你甚至可以将sublime完全改得没有人样儿,只要你喜欢就行。

1A5758D0E20DC477B47EF2E09F105E7BBF30E1144F5B3_225_232.PNG (225×232)

2F189C9A74607DE767F719A5A2C0D7599011FAD1C825B_554_346.JPEG (554×346)

 

 

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命令,安装各种第三方插件了。

A0612315968A425A7177369531B447FC7F1909B86DFD6_554_68.JPEG (554×68)

0DD314996F504146D8122E885D69C33E342D621E9D052_228_271.PNG (228×271)

 

 

插件

对于经常编写前端的同学,在此个人推荐几款比较好的插件供大家参考。

成功安装了“package control”之后,通过ctrl+shift+p呼出指令面板,然后键入install,确认后就可以输入插件名了。

 

357F1B4434BAAB91986461C5B184FA686DFB14572C57C_483_124.PNG (483×124)

FA5F6971FA78C9FE074A51E64DBC1229234707114C44D_400_402.PNG (400×402)

 

1.      zenCoding

这玩意儿可以极大地提高前端编程的速度。可谓是神器级别的。具体关于zencoding的相关介绍,请参看:

官方 PDF (三列)下载地址:ZenCodingCheatSheet.pdf(见附件)

前端笔记 PDF (单列)下载地址:ZenCodingCheatSheet (190)

Zen Coding 官方地址:http://code.google.com/p/zen-coding/

安装方法:ctrl+shift+p->install->zencoding

E9CBAB0526EE31373E31AF79DB841D7F900C95D87EB9C_399_116.PNG (399×116)

使用效果:

比如说对于一个空文档,直接输入html:5,然后按下tab键,会得到一段最简单的含有headbodyhtml代码。再用不用直接敲了。

 

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	
</body>
</html>

  

还有如果要输入ul.nav>li*5>a[href='javascript:;'],会有什么后果呢?结果这货可以直接得到以下代码,是不是快得你都要哭了?!

E4DFD32B2356FD760B4C051313C7018D99D3962814FFF_498_242.PNG (498×242)

 

2.      Alignment

       很多代码强迫着必须看到对齐的等号,那么这款插件可以帮助你。

       安装方法:ctrl+shift+p->install->alignment

       使用效果:(快捷键:ctrl+alt+a

CB2894A517A59CA7269E7E3F6EAE446F49FDC48BDDE93_389_159.PNG (389×159)

 

 3.      Docblockr

有时我们希望在一个函数的上面添加注释,但是通常需要一行一行地敲,而且还要注意换行和格式问题。  这款插件可以方便地像aptana一样提供便捷的注释。只需要在function上面键入 /**,然后按一下tab件就可以搞定!

 

安装方法:ctrl+shift+p->install->docblockr

3A30DC581B74E3B92E65A73EAE50883C39A249557B10E_431_122.PNG (431×122)

使用效果:

4.      BracketHighlighter 

提供快捷的小括号,花括号匹配功能。让你再也不用为找不到代码中嵌套逻辑的括号儿发愁了。

安装方法:ctrl+shift+p->install-> BracketHighlighter

使用效果:

BFDCCEEB62AD06DB5BE8EE334CC4D850C42B833025714_554_215.JPEG (554×215)

 

5.      其他推荐

还有很多插件有待你去发掘,安装方法如上,这个详述了。

 

  • JS Format-快速js格式化内容
  • JS Minifer 提供js压缩功能,基于GGclosure 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创建一个工程

BAB082C924FC6EEB4A699DB22A8A6FE7825F84A81D18C_779_358.PNG (779×358)

然后会得到一个左侧的目录面板,就可以正常编辑了

D2C11BEFDA9AFB0533CE51E6312B78553E4A1134A5846_486_685.PNG (486×685)

 

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,则能得到:

8A33DEE42ED5027CA87F0514D936BF9064D921CD2A2C4_554_192.JPEG (554×192)

你甚至可以只输入文件夹的首字母

E862DED02DC81E9C6357594C07A07262A432AAE4595BD_553_108.JPEG (553×108)

猜你喜欢

转载自shenlm203.iteye.com/blog/1709249
今日推荐