sublime被誉为前端开发神器，虽然小巧但是性能强悍，而且可以高度自定义，包括安装各种功能强大的插件、主题，能够极大的提高编码效率。

安装sublime text

sublime text官网下载地址：https://www.sublimetext.com/download

安装插件

Package Control

在安装插件之前需要首先安装Package Control（sublime的包管理器），能够帮助我们实现插件的安装、删除、更新等操作

安装package Control步骤

按下Ctrl + ` 打开控制台
在控制台中粘贴下面的代码并运行（只适用于sublime text 3）

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

运行成功之后，重启sublime text，按下Cmd + Shift + P就可以调出管理面板，在里面输入package control install package，选择第一项就可以安装插件了

Emmet

Emmet能够帮助我们快速写html代码，比如我们要实现如下的代码结构，只需要这样写ul.list>li.item{列表项$}*4，然后按下Tab键即可，写起来非常的方便，具体的使用方法可以参考：http://docs.emmet.io/

<ul class="list">
  <li class="item">列表项1</li>
  <li class="item">列表项2</li>
  <li class="item">列表项3</li>
  <li class="item">列表项4</li>
</ul>

SublimeTmpl

SublimeTmpl是一款快速生成文件模板的插件，按下快捷键就可以帮我们生成对应的文件

1
2
3

ctrl+alt+h 生成html文件
ctrl+alt+j 生成javascript文件
ctrl+alt+c 生成css文件

HTML-CSS-JS Prettify

HTML-CSS-JS Prettify是一款代码格式化、美化的工具（只适用于html、css、js文件），安装完成之后，只需按下快捷键Cmd+Shift+H（或者点击右键选择HTML-CSS-JS Prettify），就可以让代码结构变得非常规范，看起来赏心悦目

AutoFileName

AutoFileName能够帮助我们自动完成文件名，例如当我们要引入images目录中的某一张图片时，它会显示当前目录中的所有图片名称供我们选择

BracketHighlighter

BracketHighlighter能够高亮显示配对的括号、大括号、html标签，当代码很长时，能够方便的查看代码的结构，效果如下图所，在行号那里会高亮显示配对的大括号，非常明显

DocBlockr

DocBlockr能够帮助我们快速生成注释，这里我们定义了一个函数test有三个参数，现在我们想给这个函数加上注释，只需要在函数的上面一行输入/**然后按下Enter键，就会自动帮我们生成规范的注释

Git

Git是一款优秀的版本管理工具，几乎每个程序员都需要用到，sublime text的Git插件可以高亮显示哪些代码被修改过，但是还没有提交，便于我们清楚的知道都改动了哪些地方

SideBarEnhancements

SideBarEnhancements是一款目录结构右键增强插件，当我们右键点击左侧SideBar中的文件或文件夹时，可以提供更多的操作，例如文件删除、重命名，在当前目录中执行查找、替换等操作

Material Theme

Material Theme是一款非常受欢迎的sublime text主题，我自己目前使用的就是这一款，安装完成之后选择Sublime Text > Preferences > Setting打开设置页面，在里面添加这两行代码就可使主题生效

1 2	"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme", "theme": "Material-Theme.sublime-theme",

最后附上自己的Sublime Text > Preferences > Setting文件常用设置项

{
  "color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
  "theme": "Material-Theme.sublime-theme",
  "draw_white_space": "all",
  "ensure_newline_at_eof_on_save": true,
  "font_size": 16,
  "highlight_line": true,
  "ignored_packages": [ "Vintage" ],
  "line_padding_bottom": 1,
  "line_padding_top": 1,
  "tab_size": 2,
  "translate_tabs_to_spaces": true,
  "trim_tralling_white_space_on_save": true
}

参考链接：
如何优雅地使用Sublime Text
Sublime Text 全程指南
 Material Theme 主题
 Sublime Text 最受欢迎的插件