Sublime Text 3 插件推荐

  • 1.[A File Icon](https://packagecontrol.io/packages/A%20File%20Icon)
  • 2.[Boxy Theme](https://packagecontrol.io/packages/Boxy%20Theme)
  • 3.[AutoFileName](https://packagecontrol.io/packages/AutoFileName)
  • 4.[SublimeLinter](https://packagecontrol.io/packages/SublimeLinter)
  • 5.[LiveReload](https://packagecontrol.io/packages/LiveReload)
  • 6.[SublimeTmpl](https://packagecontrol.io/packages/SublimeTmpl)
  • 7.[FileDiffs](https://packagecontrol.io/packages/FileDiffs)
  • 8.[ColorPicker](https://packagecontrol.io/packages/ColorPicker)
  • 9.[HTML-CSS-JS Prettify](https://packagecontrol.io/packages/HTML-CSS-JS%20Prettify)
  • 10.[Emmet](https://packagecontrol.io/packages/Emmet)
  • 11.[BracketHighlighter](https://packagecontrol.io/packages/BracketHighlighter)
  • 12.[Markdown Editing](https://packagecontrol.io/packages/MarkdownEditing)
  • 13.[SublimeREPL](https://packagecontrol.io/packages/SublimeREPL)
  • 14.[Open In Browser](https://packagecontrol.io/packages/Open%20In%20Browser)
  • 15.[GitGutter](https://packagecontrol.io/packages/GitGutter) + [Git](https://packagecontrol.io/packages/Git)
  • 16.[CTags](https://packagecontrol.io/packages/CTags)


1.A File Icon

这是一个字体图标插件。

效果图如下:

sublime使用java必备插件 sublime好用的插件_sublime

2.Boxy Theme

这是一款相当舒适的主题插件,现在可能package control install 安装不了了,需要自己手动下载安装,不会的话可以参照我之前写的 安装boxy插件的博客

安装完成后,可以选择想要的效果:

sublime使用java必备插件 sublime好用的插件_编程工具_02

3.AutoFileName

这是一款可以自动识别补全文件路径的插件,可以为开发提供高效的辅助。

效果图如下:

sublime使用java必备插件 sublime好用的插件_HTML_03

4.SublimeLinter

语法检查插件。

5.LiveReload

自动刷新,如:HTML或php代码修改后,网页会自动刷新。

6.SublimeTmpl

通过SublimeTmpl可以新建一个自定义模板的文件,在file子菜单中找到new file (SublimeTmpl)这一项,你可以选择想要新建的模板文件。

操作如下:

sublime使用java必备插件 sublime好用的插件_插件_04


另:添加模板的方法。1

7.FileDiffs

文件差异对比插件,有点类似Beyong差异比对软件和gitkraken代码冲突展示的作用。

效果如下:

sublime使用java必备插件 sublime好用的插件_sublime使用java必备插件_05

8.ColorPicker

ColorPicker提供了一个颜色面板,可以调色,选择不同颜色,在前端样式中,可以起到很好的辅助效果(快捷键:Ctrl + Shift + C)。

画面展示:

sublime使用java必备插件 sublime好用的插件_编程工具_06

9.HTML-CSS-JS Prettify

代码个格式化插件,一般对于HTML、css、JavaScript文件,如果有大量代码,不想手动调格式的话,可以按下Ctrl + Shift + h 一键格式化。

效果如下:

sublime使用java必备插件 sublime好用的插件_编程工具_07

10.Emmet

前端神器,可以快速批量生成代码。

使用效果如下:

sublime使用java必备插件 sublime好用的插件_HTML_08

11.BracketHighlighter

匹配标签/括号等符号,然后高亮显示,例如:{ }、[ ]、" " 等符号的对应高亮显示,方便区分代码片段,类似vscode的中的Bracket Pair Colorizer插件。

图示如下:

sublime使用java必备插件 sublime好用的插件_sublime使用java必备插件_09

12.Markdown Editing

Markdown 编辑时的语法高亮插件,可以配合 Markdown Preview 插件,在浏览器预览。

13.SublimeREPL

可以让使用者在Sublime Text 里面运行解释器,
如:python/PHP/ruby/shell 等等

展示效果如下:

sublime使用java必备插件 sublime好用的插件_sublime_10

14.Open In Browser

在浏览器打开,主要对前端 HTML

15.GitGutter + Git

代码管理插件,.

16.CTags

函数跳转,任意跳转到代码定义处,可以设置项目路径。

注意:需要下载ctags的exe文件,并配置路径 2


  1. 添加模板可以参考:https://xhl.me/archives/sublime-template-engine-sublimetmpl/ ↩︎
  2. CTags使用参考:https://www.zhihu.com/question/42132354 和 https://www.jianshu.com/p/2ca47bbae1cb ↩︎