`

sublime text 2使用心得汇总

sublime text2文本编辑器zencoding 
阅读更多

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 X，Windows， 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键，会得到一段最简单的含有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:;']，会有什么后果呢？结果这货可以直接得到以下代码，是不是快得你都要哭了？！

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压缩功能，基于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创建一个工程

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)

 

 

 

 

 

 

分享到：
发一个简单的可配置nginx方案
评论
2 楼 shenlm203 2014-02-13  
sublime 最新安装及插件推荐可以参看： https://sublime.wbond.net/
1 楼 耳东十口儿 2013-12-08  
ST3安装 parkage control 与ST2有些不同。

Sublime Text 3：

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp =
sublime.installed_packages_path(); urllib.request.install_opener(
urllib.request.build_opener( urllib.request.ProxyHandler()) );
open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen(
'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics