Sublime Text 热门插件

时间 2019-11-19

标签 sublime text 热门插件栏目 HTML 繁體版

原文原文链接

Sublime Text 热门插件

俗话说：磨刀不误砍柴工，做为程序员，代码编辑器就是咱们的斧头，在写代码以前，配置好一个顺手的编辑器就是很重要的了。Sublime Text 是一把好斧头，而它丰富的插件就是磨刀石了。html

本文将为你介绍最受欢迎的 50 个 Sublime Text 插件，大部分插件来自于 Package Control 上的热门榜单。因为 Sublime Text 2 再也不更新，Sublime Text 3 也已经稳定，因此替换了几个不支持 Sublime Text 3 的插件。前端

手动安装

本文所介绍的一部分插件并未在 Package Control 中包含，或 Package Control 中包含的是此插件的 Sublime Text 2 版本，因此你须要手动安装它。node

打开菜单 Preferences -> Browse Packages…，使用 git clone 命令在此目录克隆，而后使用 git checkout 命令切换到 Sublime Text 3 版本所在分支。固然你也能够直接下载这个分支的压缩文件并解压到此目录，但这样没法使用 git pull 命令获取更新了。git

No.00 – Package Control (GitHub)

提到 Sublime Text，就不得不说 Package Control，就像 Linux 下的 apt-get 和 yum 同样，它是 Sublime Text 的包管理器，你用它能够轻松地找到你想要的插件和管理已有插件。程序员

安装 Package Control 十分简单，只须要打开控制台（菜单 View -> Show Console 或快捷键 ctrl+`），将下列代码粘贴进去便可。github

Pythonjson

1sublime-text

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())服务器

No.01 – Emmet (GitHub)

Emmet 是一个前端开发的利器，其前身是 Zen Coding。它让编写 HTML 代码变得简单。Emmet 的基本用法是：输入简写形式，而后按 Tab 键。markdown

好比，输入 html:5，而后按 Tab 键，就会产生以下的代码：

XHTML

<!doctype html>

<head>

<title>Document</title>

</head>

<body>

</body>

</html>

更复杂的好比 ul#nav>li.item$*4>a{Item $}：

XHTML

</ul>

关于 Emmet 的更多用法，请看官方文档，这份速查表能够帮你快速记忆简写形式。

No.02 – Theme – Soda (GitHub)

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 的语法高亮。

No.03 – SublimeLinter (GitHub)

注意：此插件须要手动安装并切换到 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"

No.04 – SideBarEnhancements (GitHub)

SideBarEnhancements 是一款很实用的右键菜单加强插件，有以 diff 形式显示未保存的修改、在文件管理器中显示该文件、复制文件路径、在侧边栏中定位该文件等功能，也有基础的诸如新建文件/目录，编辑，打开/运行，显示，在选择中/上级目录/项目中查找，剪切，复制，粘贴，重命名，删除，刷新等常见功能。

SideBarEnhancements 还有一个功能就是自定义打开文件的程序，在侧边栏中右键点击一个文件（夹），选择 Open With -> Edit Applications 就能够修改关联了，配置文件自带示例，能够很方便地套用。

Copy as Text... 是 SideBarEnhancements 的又一个特点功能，能够复制包含各类形式的路径、URL（甚至包括 base64 的 data:uri）、转码后的文件名、各类 HTML Tag（a、img、script、style）等。

No.05 – SublimeCodeIntel (GitHub)

SublimeCodeIntel 是一个代码提示、补全插件，支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python三、XML、Sass、XSLT、Django、HTML五、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等语言，是 Sublime Text 自带代码提示功能的很好扩展。它还有一个功能就是跳转到变量、函数定义的地方，十分方便。

使用 SublimeCodeIntel 以前你须要安装相应程序并把路径写入 ~/.codeintel/config 或 project_root/.codeintel/config 中，ReadMe 中有详细的说明，再也不赘述。

十分不建议把 SublimeCodeIntel 与其余单个语言的扩展 package 一同使用，虽然不少语言扩展 package 比 SublimeCodeIntel 的代码提示功能要完善。若是须要一同使用，请在用户配置文件（菜单 Preferences -> Package Settings -> SublimeCodeIntel -> Settings - User 中加入下面的内容，并去掉要禁用的语言。

"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"

]

No.06 – Alignment (GitHub)

Alignment 是一个代码格式化插件，它可使多行代码中的等号对齐，也能够调整多行代码为一个缩进级别，默认快捷键是 ctrl+alt+a（Mac OS 上是cmd+ctrl+a）。

No.07 – BracketHighlighter (GitHub)

BracketHighlighter 是一个括号、引号、标签高亮插件，支持 []、()、{}、""、'' 和 <tag></tag> 等，比 Sublime Text 自带的高亮要明显得多。

No.08 – Git (GitHub)

Git 插件集成了 git 的经常使用功能，使用以前须要安装 git 并写入环境变量中。

No.09 – SFTP (HomePage)

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 热门插件

Sublime Text 热门插件

手动安装

No.00 – Package Control (GitHub)

No.01 – Emmet (GitHub)

No.02 – Theme – Soda (GitHub)

No.03 – SublimeLinter (GitHub)

No.04 – SideBarEnhancements (GitHub)

No.05 – Sublime​Code​Intel (GitHub)

No.06 – Alignment (GitHub)

No.07 – Bracket​Highlighter (GitHub)

No.08 – Git (GitHub)

No.09 – SFTP (HomePage)

No.05 – SublimeCodeIntel (GitHub)

No.07 – BracketHighlighter (GitHub)