俗话说:磨刀不误砍柴工,作为程序员,代码编辑器就是我们的斧头,在写代码之前,配置好一个顺手的编辑器就是很重要的了。Sublime Text 是一把好斧头,而它丰富的插件就是磨刀石了。
本文将为你介绍最受欢迎的 50 个 Sublime Text 插件,大部分插件来自于 Package Control 上的热门榜单。由于 Sublime Text 2 不再更新,Sublime Text 3 也已经稳定,所以替换了几个不支持 Sublime Text 3 的插件。
本文所介绍的一部分插件并未在 Package Control 中包含,或 Package Control 中包含的是此插件的 Sublime Text 2 版本,所以你需要手动安装它。
打开菜单 Preferences -> Browse Packages…
,使用 git
clone
命令在此目录克隆,然后使用 git checkout
命令切换到
Sublime Text 3 版本所在分支。当然你也可以直接下载这个分支的压缩文件并解压到此目录,但这样无法使用 git
pull
命令获取更新了。
提到 Sublime Text,就不得不说 Package Control,就像 Linux 下的 apt-get 和 yum 一样,它是 Sublime Text 的包管理器,你用它可以轻松地找到你想要的插件和管理已有插件。
安装 Package Control 十分简单,只需要打开控制台(菜单 View -> Show
Console
或快捷键 ctrl+`
),将下列代码粘贴进去即可。
Python
1 |
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()) |
Emmet 是一个前端开发的利器,其前身是 Zen Coding。它让编写 HTML 代码变得简单。Emmet
的基本用法是:输入简写形式,然后按 Tab
键。
比如,输入 html:5
,然后按 Tab
键,就会产生如下的代码:
XHTML
1 2 3 4 5 6 7 8 9 10 |
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body>
</body> </html> |
更复杂的比如 ul#nav>li.item$*4>a{Item $}
:
XHTML
1 2 3 4 5 6 |
<ul id="nav"> <li class="item1"><a href="">Item 1</a></li> <li class="item2"><a href="">Item 2</a></li> <li class="item3"><a href="">Item 3</a></li> <li class="item4"><a href="">Item 4</a></li> </ul> |
关于 Emmet 的更多用法,请看官方文档,这份速查表可以帮你快速记忆简写形式。
Soda Theme 是最受欢迎的 Sublime Text 主题。
安装后你还需要在你的配置文件(菜单 Preferences -> Settings -
User
)中加入 "theme": "Soda
Light.sublime-theme"
或"theme": "Soda
Dark.sublime-theme"
。要达到图中的效果,你还需要下载与之搭配的 color scheme。
如果你喜欢 Soda Dark 和 Monokai,我建议你使用 Monokai Extended (GitHub)。这个 color scheme 是 Monokai Soda 的增强,如果再配合Markdown Extended (GitHub),将大大改善 Markdown 的语法高亮。
注意:此插件需要手动安装并切换到 sublime-text-3 分支。
SublimeLinter 是一个代码校验插件,它可以帮你找出错误或编写不规范的代码,支持 C/C++、CoffeeScript、CSS、Git Commit Messages、Haml、HTML、Java、JavaScript、Lua、Objective-J、Perl、PHP、Puppet、Python、Ruby 和 XML 语言。
在使用 SublimeLinter 之前,你要安装相应的程序,详见README。如果要校验 JavaScript 或 CSS,你还要安装 Node.js。
SublimeLinter 默认以 background 模式运行,在用户输入的同时即时校验,如果你想要 Sublime Text 运行得更流畅,可以改为 load-save 模式或 save-only 模式,在读取和保存是校验或只在保存时校验。
打开 SublimeLinter 的配置文件:菜单 Preferences -> Package Settings ->
SublimeLinter -> Settings - User
,加入 "sublimelinter":
"load-save"
或 "sublimelinter": "save-only"
SideBarEnhancements 是一款很实用的右键菜单增强插件,有以 diff 形式显示未保存的修改、在文件管理器中显示该文件、复制文件路径、在侧边栏中定位该文件等功能,也有基础的诸如新建文件/目录,编辑,打开/运行,显示,在选择中/上级目录/项目中查找,剪切,复制,粘贴,重命名,删除,刷新等常见功能。
SideBarEnhancements 还有一个功能就是自定义打开文件的程序,在侧边栏中右键点击一个文件(夹),选择 Open
With -> Edit Applications
就可以修改关联了,配置文件自带示例,可以很方便地套用。
Copy as Text...
是 SideBarEnhancements
的又一个特色功能,可以复制包含各种形式的路径、URL(甚至包括 base64 的 data:uri)、转码后的文件名、各种 HTML
Tag(a、img、script、style)等。
Sublime?Code?Intel 是一个代码提示、补全插件,支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等语言,是 Sublime Text 自带代码提示功能的很好扩展。它还有一个功能就是跳转到变量、函数定义的地方,十分方便。
使用 Sublime?Code?Intel
之前你需要安装相应程序并把路径写入 ~/.codeintel/config
或 project_root/.codeintel/config
中,ReadMe
中有详细的 说明,不再赘述。
十分不建议把 Sublime?Code?Intel 与其他单个语言的扩展 package 一同使用,虽然很多语言扩展 package 比
Sublime?Code?Intel 的代码提示功能要完善。如果需要一同使用,请在用户配置文件(菜单 Preferences ->
Package Settings -> Sublime?Code?Intel -> Settings -
User
中加入下面的内容,并去掉要禁用的语言。
1 2 3 4 5 6 7 8 9 10 11 12 |
"codeintel_enabled_languages": [ "JavaScript", "Mason", "XBL", "XUL", "RHTML", "SCSS", "Python", "HTML", "Ruby", "Python3", "XML", "Sass", "XSLT", "Django", "HTML5", "Perl", "CSS", "Twig", "Less", "Smarty", "Node.js", "Tcl", "TemplateToolkit", "PHP" ], "codeintel_live_enabled_languages": [ "JavaScript", "Mason", "XBL", "XUL", "RHTML", "SCSS", "Python", "HTML", "Ruby", "Python3", "XML", "Sass", "XSLT", "Django", "HTML5", "Perl", "CSS", "Twig", "Less", "Smarty", "Node.js", "Tcl", "TemplateToolkit", "PHP" ] |
Alignment
是一个代码格式化插件,它可以使多行代码中的等号对齐,也可以调整多行代码为一个缩进级别,默认快捷键是 ctrl+alt+a
(Mac
OS 上是cmd+ctrl+a
)。
Bracket?Highlighter
是一个括号、引号、标签高亮插件,支持 []
、()
、{}
、""
、‘‘
和 <tag></tag>
等,比
Sublime Text 自带的高亮要明显得多。
Git 插件集成了 git 的常用功能,使用之前需要安装 git 并写入环境变量中。
SFTP 插件可以使用 FTP 或 SFTP 协议连接远程服务器,下载到本地的文件在保存的同时会上传到服务器上,使修改服务器上的文件变得更加方便。此插件是收费插件,不注册的话会每隔一段时间弹出提示。
安装好插件后点击菜单 File -> SFTP/FTP -> Setup
Server...
来生成一个配置文件,修改好并保存后,点击菜单 File -> SFTP/FTP
-> Browse Serve...
来连接远程服务器。
注意:
1. 配置文件应该存放在菜单 Preferences > Browse
Packages…
下的 User/sftp_servers
目录下。
2. 如果在 Windows 下使用 ssh 而不是密码连接远程服务器,要用 PuTTY 把私钥转换为 ppk 格式才能使用。
SFTP 还支持对一个文件夹进行映射。首先往 Sublime Text 拖入一个文件夹或点击菜单 Project -> Add
Folder to Project...
,在侧边栏中右键点击该文件夹,选择 SFTP/FTP -> Map to
Remote…
。这会在该目录中生成一个 sftp-config.json
文件,修改好配置文件并保存后,我们就可以对远程服务器上的文件(夹)进行(批量)同步或修改了。
Sublime Text 热门插件,布布扣,bubuko.com
原文:http://www.cnblogs.com/and_swordday/p/3615403.html