SublimeText 插件推荐

SublimeText3是我最喜欢的编辑器，如果你跟我争Vim或者Emacs，来来来，先出门打一架……
喜欢归因于它丰富的插件，ST2插件装多了启动会变得很慢，而ST3完全解决了这个问题，无论装多少插件，一律秒开，因为有朋友想装插件，在这里列举一些我个人很喜欢的，权当做分享。

插件安装

Package Control

Package Control可以非常方便的管理插件，打开 Ctrl + ~输入安装代码，安装代码:

SublimeText2

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( '//sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

SublimeText3

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( '//sublime.wbond.net/' + pf.replace(' ','%20')).read())

插件安装

Ctrl + Shift + P打开控制面板

注：关于插件的设置以及快捷键的设置：都可以通过控制面板进行搜索

输入installPackage 回车

输入插件名，回车安装

控制面板，选择listPackage可以看到已经安装的插件

插件

自动补全

Emmet: 前端开发神器，如果没听过，请出门左转 Google，注意的是Emmet需要和PyV8这个插件才能工作，所以PyV8也需要装
AutofileName: 提示文件名，并可以自动补全
Autoprefixer: CSS前缀自动补全
SublimeCodeIntel: 代码自动提示以及补全

高亮

注：如果你的代码，sublime 原生不支持高亮，可以去 Package Control 中搜索安装

BracketHighlighter: 括号以及标签高亮，方便找到括号/标签的头与尾
Color Highlighter: 这个很好用，对CSS颜色代码进行高亮，如#f00会出现一条红色的下划线。
LESS: 对LESS代码进行高亮
如果你遇到无法高亮的代码，可以先设置文本格式，如果本机没有对应的高亮文本格式，可以去 packageControl 找一下

格式

CSScomb: 对CSS代码进行格式化
JsFormat: JS代码格式化
DocBlockr: 提供方便的代码注释格式
HTML-CSS-JS Prettify
HTML格式化: 试过很多HTML格式化的插件，但是效果并不好，后来才发现ST自己有个功能”reindent”,于是自己设置了快捷键，如下。
1
2
3
[
{"keys": ["ctrl+shift+o"], "command": "reindent" , "args": {"single_line": false}}
]

开发

Git: 可以直接在控制面板用Git，不过还是需要先学习下
ColorPicker: 取色插件
SFTP: 可以直接在 sublime 中传输文件
LiveReload: 我非常喜欢这个插件，配合Chrome的liveReload插件可以做到在编辑器保存文件Chrome立即刷新页面。
Chrome的插件安装之后，打开(点下图红圈圈，中心点变成黑色即意味打开)即可与ST配合使用。

除了写写页面用到这个插件，还有其他用途，我的Markdown预览到Chrome，打开liveReload，边写边看效果，还有Hexo打开调试时，打开liveReload，保存一次，页面刷新一次，省了很多不必要的麻烦，很方便。
View In Browser: 在浏览器预览HTMl文件，设置快捷键之后更方便。
Terminal: 在当前目录下打开 Terminal，可以自定义 Terminal 路径，我在 windows 下更偏好 git-for-windows，所以我把 Termina-sublime-settings-User 中的 Terminal 路径设置成如下。
1
2
3
{
"terminal": "C:\\Program Files\\Git\\git-bash.exe",
}

Markdown

Markdown Preview: 在浏览器中预览Markdown文件。
Markdown Editing: Markdown编辑界面，语法高亮，写这篇文章的时候用的就在用。
极简图床: 这是Chrome插件，之前很苦恼Markdown的图片存哪合适，这个插件可以很好的解决这个问题，申请一个七牛免费2G空间，用这个插件存图片，很方便。

主题

Predawn
Theme-Flatland
Theme-Soda
Theme-itg.flat
Boxy Theme

分不了类的

IMESupport: ST中文输入时，输入框不跟随的问题可以通过这个插件解决。

设置

Setting

{
    "caret_extra_width": 1,
    "font_options":
    [
        "no_round"
    ],
    "font_size": 12,
    "highlight_line": true,
    "ignored_packages":
    [
        "Markdown",
        "Vintage"
    ],
    "itg_sidebar_tree_large": true,
    "itg_small_tabs": true,
    "original_color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
    "sidebar_large": true,
    "tabs_small": true,
    "theme": "itg.flat.dark.sublime-theme"
}

Key Bindings

[
    { "keys": ["ctrl+shift+enter"], "command": "open_in_browser" },
    { "keys": ["ctrl+shift+s"], "command": "save_all" },
    {"keys": ["ctrl+shift+o"], "command": "reindent" , "args": {"single_line": false}},
    {"keys":["alt+m"],"command":"markdown_preview"}

]

文章目录

插件安装

Package Control

插件安装

插件

自动补全

高亮

格式

开发

Markdown

主题

分不了类的

设置