sublime text3常用插件一览2017

文件操作类

• AdvancedNewFile：快速新建文件。快捷键Ctrl+Alt+N，输入文件夹以及文件名，回车，你会发现已经子目录下的文件已经新建完成！
• Sidebar Enhancements：增强侧边栏
• SyncedSideBar：每次打开文件，侧边栏都会同步显示该文件所在目录树中的位置
• Compare Side-By-Side：在待比较的Tab上右键选择Compare with...，然后选择另一个打开的比较对象即可，Sublime会自动弹出新的窗口显示两个文件
• FileDiffs：强大的比较代码不同工具。比较当前文件与选中的代码、剪切板中代码、另一文件、未保存文件之间的差别。可配置为显示差别在外部比较工具，精确到行。右键标签页，出现FileDiffs
  Menu或者Diff with Tab…选择对应文件比较即可

---

代码生成器

• JavaScript Completions：js原生语法提示。安装后需要配置

点击 Preferences ->Package Settings ->JavaScript Completions -> Settings-Defalut
配置nodejs路径：

• CSS3：该插件可以对css3属性进行高亮和自动补全。
• jQuery：JQuery的API代码片段
• Java​Script​Next - ES6 Syntax：完美支持ECMAScript 6

You may also need to change the ColorScheme. Pick one from Preferences
-> Color Scheme -> JavaScriptNext.

• Emmet：快速生成HTML代码段的插件，强大到无与伦比
• SublimeCodeIntel 它的功能是代码提示，支持这些语言 :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.
• Insert Callback和JavaScript & NodeJS Snippets：由于Node.js是基于事件驱动的，这使得我们在编写Node.js代码时会经常用到回调函数。Insert Callback插件通过Alt+C快捷键迅速地在光标所在的位置插入回调函数，并自动添加函数的第一个参数err，第二个参数d，通常情况下这正是我们想要的。安装JavaScript & NodeJS Snippets插件可以帮助你在编写Node.js代码时给出提示和代码补全。

---

代码辅助类

• All Autocomplete：Sublime Text 默认的 Autocomplete 功能只考虑当前的文件，而 All Autocomplete 插件会搜索所有打开的文件来寻找匹配的提示词。
• SublimeTmpl:新建html、css、javascript、php、python、ruby六种类型的文件模板，所有的文件模板都在插件目录的templates文件夹里，可以自定义编辑文件模板。

ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php

• AutoFileName：快捷输入文件名，文件路径自动提示的。自动完成文件名的输入，如图片选取，输入”/”即可看到相对于本项目文件夹的其他文件。
• SublimeLinter、SublimeLinter-csslint、SublimeLinter-contrib-eslint:语法校验

npm install -g csslint eslint

• Bracket Highlighter：该插件提供行数列高亮的各种配对的语法符号，显示在行号上。对于很长的代码很有用

    可匹配[], (), {}, “”, ”, <tag></tag>，高亮标记，便于查看起始和结束标记

• Color Highlighter ：CSS颜色高亮

Color Highlighter能够设置成用背景色或者边框提示颜色，我一般在Settings里做这样的设置：点击 Preferences ->Package Settings ->Color Highlighter -> Settings - User。粘贴如下代码：

{
    "ha_icons": true,
    "ha_style": "filled"
}

• Colorpicker：使用一个取色器改变颜色。快捷键个人设置为Ctrl+Alt+C

点击 Preferences -> Browse Packages，选择 ColorPicker 文件夹，里面有三个文件，分别是 Default (Linux).sublime-keymap、Default (Linux).sublime-keymap、Default(Linux).sublime-keymap，分别代表了各自系统下的快捷键，根据你自己的系统更改即可。粘贴如下代码：

[
    { "keys": ["ctrl+alt+c"], "command": "color_pick" }
]

---

代码格式化

• JsFormat：可以帮助你自动格式化 JavaScript 和 JSON。很多网站的JS代码都进行了压缩，一行式的甚至混淆压缩，这让我们看起来很吃力。而这个插件能帮我们把原始代码进行格式的整理，包括换行和缩进等等，使代码一目了然。 默认快捷键Ctrl+Alt+F

• Trailing spaces：检测并一键去除代码中多余的空格。Ctrl+Shift+D（需配置），个人配置为Ctrl+Alt+D。快捷键配置：在Preferences / Key Bindings – User加上代码（数组内）

 { "keys": ["ctrl+alt+d"], "command": "delete_trailing_spaces" }

• CSScomb : CSS属性排序(快捷键：Ctrl+Shift+C)
• HTML-CSS-JS Prettify：这是一款集成了格式化（美化）html、css、js三种文件类型的插件。插件依赖于nodejs，因此需要事先安装nodejs，然后才可以正常运行。快捷键Ctrl+Shift+H。快捷键冲突，个人设定为F5

点击 Preferences ->Package Settings ->HTML/CSS.JS Prettify ->Set
Keyboard Shortcuts

---

辅助类

• A File Icon：美化插件。可以更清楚了解每个文件的类型，一目了然。
• WordCount：可以实时显示当前文件的字数。安装后，后下角多出字数
• ConvertToUTF8：文件转码成utf-8，ConvertToUTF8：比上面的那个要方便，直接在菜单栏中可以转了，专为中文设计。通过本插件，您可以编辑并保存目前编码不被 Sublime Text 支持的文件，特别是中日韩用户使用的 GB2312，GBK，BIG5，EUC-KR，EUC-JP ，ANSI等
• IMESupport ：输入法不跟随时安装
• Status Bar Time：状态栏显示时间
• Search Stack Overflow：Ctrl+Shift+P打开stackoverflow，输入问题，自动打开浏览器搜索

---

PS

代码注释（DocBlockr）和汉化（Chinese Localization）在新版的Sublime Text 3中已经无法用Package Control: Install Package的方法安装。可以下载github官方压缩包，解压到本地Sublime Text的安装目录的方式安装。
其中汉化包全部解压后存在多语言菜单项冗余的问题。整体删除后会默认添加一个名为“ZZZZZZZZ-Localization”的文件夹。完美解决汉化问题。

Chinese Localization
DocBlockr