之前做Android开发一直用eclipse做编辑器,之后接触ruby之后便开始用Sublime Text 2,渐渐的才发现此等编辑器的好处,也越来越依赖它。
Sublime Text 2是一个轻量、简洁、高效、跨平台的编辑器,方便的配色以及兼容vim快捷键等各种优点博得了很多前端开发人员的喜爱。之前也不并知道它有这么多插件的扩展与支持,直到vincent问到有没有在用cTags插件,才知道原来Sublime通过插件也可以实现一些大型IDE的功能,遂google一下,本篇Blog就来介绍下Sublime下经常使用的插件。
安装包控制(Package Control)
打开Sublime Text 2,点击 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这一项,就说明安装成功了。
安装Alignment插件
对于某些喜欢整齐的程序员来说,看到下面这种情况可能是让其无法忍受的:
var joe = 'joe';
var johnny = 'johnny';
var quaid = 'quaid';
一定要改成这样才会安心:
var joe = 'joe';
var johnny = 'johnny';
var quaid = 'quaid';
Sublime Text 2 之中,一个 Sublime Alignment 插件也可以轻松实现。
- 按下 Ctrl + Shift + P 调出命令面板。
- 输入 install 调出 Package Control: Install Package 选项,按下回车。
- 在列表中找到 Alignment,按下回车进行安装。
- 重启 Sublime Text 2 使之生效。现在通过选中文本并按 Ctrl + Shift + A 就可以进行对齐操作了。
Vim模式
是的,Sublime Text 2已经支持 Vim 的编辑模式了,如果更喜欢 Vim 的编辑模式,可以通过以下方法来激活 Vintage mode:
按下 Ctrl + Shift + P 调出命令面板。
输入 settings user 调出 Preferences:Settings – User,并按下回车。
这时会打开一个 Preferences.sublime-settings 的文件, 如果是第一次修改,它应该是个空文件,把以下文本粘贴进去:
{
"ignored_packages": []
}
- 保存这个文件,这时按下 ESC 键,再按下一些你熟悉的 Vim 命令,是不是很有亲切感?
安装 Soda 主题
这里所讲的主题不同于针对代码的 Color Scheme,是指针对 Sublime 程序本身的主题,目前可以安装的是 Ian Hill 的 Soda。
因为源中已经添加,所以这款主题的安装同样可以通过 Package Control,非常方便。目前 Soda 主题提供了明暗两种风格。
激活方法,同样要修改 Preferences:Settings – User:
按下 Ctrl + Shift + P 调出命令面板。
输入 user settings 调出 Preferences:Settings – User,并按下回车。
添加以下代码激活 Soda Light 主题:
{
"theme": "Soda Light.sublime-theme"
}
添加以下代码激活 Soda Dark 主题:
{
"theme": "Soda Dark.sublime-theme"
}
4.保存生效。
安装cTags插件
这个插件能跨文件跳转,实现像eclipse可那样以追踪函数的功能,从此更喜欢上Sublime了。安装方法:
- 按下 Ctrl + Shift + P 调出命令面板。
- 输入 install 调出 Package Control: Install Package 选项,按下回车。
- 在列表中找到 ctags,按下回车进行安装。
- ubuntu下安装运行命令:sudo apt-get install exuberant-ctags。
- 在sublime项目文件夹右键, 会出现Ctag:Rebuild Tags 的菜单。点击它,然后会生成.tags的文件。
然后在你代码中, 光标放在某个函数上, 点击ctrl+shift+鼠标左键 就可以跳转到函数声明的地方。
Zen Coding
如果经常要写一些前端的代码,这个插件也是必不可少的,还不知道ZenCoding的同学推荐去看一下:《Zen Coding: 一种快速编写HTML/CSS代码的方法》
Git
一个整合GIT和Sublime Text的插件,执行了很多你需要使用的命令。