自定义 Sublime Text 3 皮肤 Spacegray 和括号配对显示插件 BracketHighlighter 适配 base64-ocean.dark 色彩主题 & 社区 & Ruby China
原文地址：
BracketHighlighter
先上一张效果图，请注意最左边
BracketHighlighter 可以将“括号”配对情况显示出来的插件。为什么要将括号两字加上引号呢？因为 BracketHighlither 能显示的配对情况不仅仅是正常的括号，HTML标签、begin...end 等类型的配对也适用哦。
Spacegray 皮肤与 base16 ocean dark 色彩主题
Base16 ocean dark 色彩主题在前文《》已经做过推荐。
是一款比较精致的皮肤，为了适配 Base16 色彩而专门研制。所以，装好 Spacegray 之后，默认就会同时帮你装上 base16 的色彩主题。可(tui)以(jian)通过 Package Install 的方式安装。
BracketHighlighter 与 Spacegray & Base16 ocean 整合
BracketHightlighter 默认的形式真是普(tai)通(cou)。好在，这款插件支持自定义配置。看着官方 repo 中示范图比默认的好看多了，撸起袖管将之与 spacegray & Base16 ocean 整合。
成果分成两部分：
BracketHighlighter 配置:
粘贴进 Preferences -& Package Settings -& Bracet Highlighter -& Bracket Settings - User
Spacegray 配置: （提取码：
将下载回来的文件覆盖： (Mac下) 资源库 -& Application Support -& Sublime Text 3 -& Installed Packages 中同名文件。
大爱Spacegray
这两个图中，分别是什么字体？
M+ 1mn 的 light
这个主题应该很适合在 Yosemite 中使用。
Spacegray 配置链接已失效
Spacegray/Widget - Spacegray Eighties.stTheme 文件的第29行是多余的，选择这个主题会导致提示载入错误。直接去掉即可。
后方可回复, 如果你还没有账号请点击这里 。
共收到 7 条回复Sublime Text 3 常用插件以及安装方法
安装插件的方法：
朋友们，小站活着不容易，全靠广告费养着了，如果本文对你有帮助。麻烦动下手点下页面的广告吧，谢谢！
更新一个，推荐sublime的一些其他插件个常用主题：，配置成功后换个主题和字体，用起来更爽更装逼哦
安装Sublime text 3插件很方便，可以直接下载安装包解压缩到Packages目录（菜单-&preferences-&packages）。
使用Package Control组件安装
也可以安装package control组件，然后直接在线安装：
按Ctrl+`调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至QQ拼音）
粘贴以下代码到底部命令行并回车：
import urllib.request, 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())
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())
重启Sublime Text 3。
如果在Perferences-&package settings中看到package control这一项，则安装成功。
顺便贴下Sublime Text2 的代码
import urllib2, pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else N urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
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( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
用Package Control安装插件的方法：
按下Ctrl+Shift+P调出命令面板
输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。
不爽的是，有的网络环境可能会不允许访问陌生的网络环境从而设置一道防火墙，而Sublime Text 2貌似无法设置代理，可能就获取不到安装包列表了。
好，方法介绍完了，下面是本文正题，一些有用的Sublime Text 2插件：
GBK Encoding Support
对应gb2312来说，Sublime Text 2 本生不支持的，我们可以通过Ctrl+Shift+P调出命令面板或Perferences-&Package Contro,输入install 调出 Install Package 选项并回车，在输入“GBK Encoding Support”选择开始安装，左下角状态栏有提示安装成功。这时打开gbk编码的文件就不会出现乱码了，如果有需要转成utf-8的可以在File-GBK to UTF8-选择Save with UTF8就偶看了。
这个，不解释了，还不知道ZenCoding的同学强烈推荐去看一下：《Zen Coding: 一种快速编写HTML/CSS代码的方法》。
PS:Zen Coding for Sublime Text 2插件的开发者已经停止了在Github上共享了，现在只有通过Package Control来安装。
如果你离不开jQuery的话，这个必备～～
Prefixr，CSS3 私有前缀自动补全插件，显然也很有用哇
Sublime Prefixr
一个JS代码格式化插件。
一个支持lint语法的插件，可以高亮linter认为有错误的代码行，也支持高亮一些特别的注释，比如“TODO”，这样就可以被快速定位。（IntelliJ IDEA的TODO功能很赞，这个插件虽然比不上，但是也够用了吧）
SublimeLinter
故名思意，占位用，包括一些占位文字和HTML代码片段，实用。
用于代码格式的自动对齐。传说最新版Sublime 已经集成。
粘贴板历史记录，方便使用复制/剪切的内容。
这是一个代码检测插件。
如果你在用一些公用的或者开源的框架，比如 或者，但是，过了一段时间后，可能该开源库已经更新了，而你没有发现，这个时候可能已经不太适合你的项目了，那么你就要重新折腾一遍或者继续用陈旧的文件。Nettuts Fetch可以让你设置一些需要同步的文件列表，然后保存更新。
该插件基于Google Closure compiler，自动压缩js文件。
代码自动提示
类似于代码匹配，可以匹配括号，引号等符号内的范围。
自动转换颜色值，从16进制到HSL格式，快捷键 Ctrl+Shift+U
将文件编码从GBK转黄成UTF8，快捷键Ctrl+Shift+C
该插件基本上实现了git的所有功能。
好吧，大概就这些，如果你有常用的插件或者扩展，欢迎推荐。Sublime Text 3真是一款一见钟情的编辑器，每次和别人聊到编辑器时必荐的。。。
没钱吃饭了，右下方的广告能不能看看Dengo-淡高的技术宅
关于计算机和前端开发的那些事
版权所有 (C) 淡高
从二月份用测试版本build 3012开始用sublime text 3，虽然很多插件在sublime text 3不工作了，因为sublime text 3修复了2的一些bug、提升了性能并集成了不少常用插件的功能，当时没什么要求够用了，就这样傻傻地裸插件空手写代码用了快5个月。上月27号Sublime Text 3公测了，又可以试用了，估计插件的更新也差不多了吧，果断上github逛逛看看有没有sublime text 3能用的插件，经过几天折腾和试用，感觉不错，推荐给大家，各位就择你所好而用之。
Package control 插件管理
sublime text非常强大的插件管理的插件，按下Ctrl+Shift+P，输Package control就可以选择插件的安装、管理、删除等操作，因为sublime text 3的插件需要基于pyhone 3编写，所以用sublime text 2的安装方法不管用，可以看看我之前写的一篇文章，。
此外，安装sublime text 3的插件还可以在github上下载源文件，解压后改名放到
C:\Users\Mr.DenGo(你的电脑名)\AppData\Roaming\Sublime Text 3\Packages 中
重启sublime text 3即可生效。
BracketHighlighter 高亮显示匹配的括号、引号和标签
BracketHighlighter这个插件能在左侧高亮显示匹配的括号、引号和标签，能匹配的 [] ,
&tag&&/tag&等甚至是自定义的标签，当看到密密麻麻的代码分不清标签之间包容嵌套的关系时，这款插件就能很好地帮你理清楚代码结构，快速定位括号，引号和标签内的范围。
插件下载：
TrailingSpacer 高亮显示多余的空格和Tab
有时候在代码结尾打多了几个空格或Tab，一般不会察觉，TrailingSpacer这款插件能高亮显示多余的空格和Tab，并可以一键删除它们，有代码洁癖的朋友应该会喜欢这个插件。
插件下载：
注意，在github上下载的插件缺少了一个设置快捷键的文件，可以新建一个名字和后缀为Default (Windows).sublime-keymap的文件，添加以下代码，即可设置“删除多余空格”和“是否开启TrailingSpacer ”的快捷键了。
{ "keys": ["ctrl+alt+d"], "command": "delete_trailing_spaces" },
{ "keys": ["ctrl+alt+o"], "command": "toggle_trailing_spaces" }
Alignment 等号对齐
按Ctrl+Alt+A，可以将凌乱的代码以等号为准左右对其，适合有代码洁癖的朋友。
插件下载：
Clipboard-history 粘贴板历史记录
有了这个插件，便可方便使用sublime text 3里的粘贴板历史记录内容，快捷键Ctrl+Shift+V可调出该历史记录面板，按方向键选择想要粘贴的历史记录。不过这是sublime text 2下的插件，Ctrl+Shift+D清除粘贴板历史记录好像不能生效，不过重启sublime也可清除粘贴板的历史记录。
插件下载：
gbk4subl 支持GBK编码
sublime text一个遗憾是不支持中文GBK编码，在编辑一些GBK编码的文件时就会出现乱码，还好sublime text 2有很多可以支持GBK编码的插件，可惜大多在sublime text 3下都不能工作，在github找了下，还好还有gbk4subl这款能让sublime text 3支持GBK编码的插件。
插件下载：
Tradsim 中文繁字体和简体字转换
Tradsim是一款能把中文的繁字体和简体字互相转换的插件，只支持UTF-8编码，虽然觉得有点鸡肋，但还是介绍出来给需要的朋友吧，安装插件，因为插件包里没快捷键文件，所以我们可以自定义一个，可以新建一个名字和后缀为Default (Windows).sublime-keymap的文件，添加以下代码，即可设置“转换为简体字”和“转换为繁字体 ”的快捷键了。注意：转换是文件里全局的中文。
{"keys": ["ctrl+alt+s"], "command": "tradsim_to_sim"},
{"keys": ["ctrl+alt+t"], "command": "tradsim_to_trad"}
SideBarEnhancements 侧边栏增强
SideBarEnhancements本是增强侧边栏的插件，这里将教大家如何用来做sublime text 3浏览器预览插件，并可自定义浏览器预览的快捷键。
安装此插件，点击工具栏的preferences & package setting & side bar & Key Building-User，键入以下代码，这里设置按Ctrl+Shift+C复制文件路径，按F1~F5分别在firefox，chrome，IE，safari，opera浏览器预览效果，当然你也可以自己定义喜欢的快捷键，最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。
{ "keys": ["ctrl+shift+c"], "command": "copy_path" },
{ "keys": ["f1"], "command": "side_bar_files_open_with",
"paths": [],
"application": "C:\\software\\Browser\\Mozilla Firefox\\firefox.exe",
"extensions":".*" //匹配任何文件类型
{ "keys": ["f2"], "command": "side_bar_files_open_with",
"paths": [],
"application": "C:\\Users\\Mr.DenGo\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
"extensions":".*"
{ "keys": ["f3"], "command": "side_bar_files_open_with",
"paths": [],
"application": "C:\\Program Files\\Internet Explorer\\iexplore.exe",
"extensions":".*"
{ "keys": ["f4"], "command": "side_bar_files_open_with",
"paths": [],
"application": "C:\\software\\Browser\\Safari\\safari.exe",
"extensions":".*"
{ "keys": ["f5"], "command": "side_bar_files_open_with",
"paths": [],
"application": "C:\\software\\Browser\\opera\\opera.exe",
"extensions":".*"
ColorPicker 调色盘
在编辑CSS样式的时候，要加个自己喜欢颜色或改改颜色啥的，要到PS里去调色？ColorPicker可以让sublime text 3内置一个调色盘，调好颜色，点击OK就会在光标处生成十六进制颜色代码。
插件下载：
Hex-to-HSL-Color Hex颜色模式转HSL颜色模式
在用CSS3的一些属性时会用到HSL颜色模式，用软件转来转去确实麻烦，用Hex-to-HSL-Color这个插件便可轻松解决，鼠标选中一个或多个十六进制颜色代码，按下Shift+Ctrl+U立马转换为HSL颜色模式。
插件下载：
CSScomb CSS属性排序
有时候看看自己写的CSS文件，会不会觉得属性很乱查找不易维护难？CSScomb可以按照一定的CSS属性排序规则，将杂乱无章的CSS属性进行重新排序。选中要排序的CSS代码，按Ctrl+Shift+C，即可对CSS属性重新排序了，代码从此简洁有序易维护，如果不款选代码则插件将排序文件中所有的CSS属性。当然，可以自己自定义CSS属性排序规则，打开插件目录里的CSScomb.sublime-settings文件，更改里面的CSS属性顺序就行了。因为这个插件使用PHP写的，要使他工作需要在环境变量中添加PHP的路径，具体请看上的说明。
插件下载：
CSS Compact Expand CSS属性展开收缩
每个人写CSS都有不同的风格，有些人喜欢写成一行，有些人喜欢写成多行，各有各的好处，我倒喜欢将CSS写成一行，这样能减少CSS文件大小，且屏幕能显示更多的Class方便查找。如果阅读别人的代码不符合自己的习惯，可以用CSS Compact Expand这个插件将CSS格式化一下，按 Ctrl+Alt+[ 收缩CSS代码为一行显示，按 Ctrl+Alt+] 展开CSS代码为多行显示，此插件由sublime textQQ群里一个牛人封装。
插件下载：
JsFormat javascript格式化
有时从网上扒了人家的js代码来学习学习，打开发现被压缩了，这时就可以用JsFormat插件格式化js代码，恢复未压缩时候的排版，挺给力的。按快捷键Ctrl+Alt+F即可格式化当前的js文件了。
插件下载：
javascript-API-Completions
支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件，是少数支持sublime text 3的后缀提示的插件，HTML5标签提示sublime text 3自带，不过JQuery提示还是很有用处的，也可设置要提示的语言。
插件下载：
SublimeTmpl 快速生成文件模板
一直都很奇怪为什么sublime text 3没有新建文件模板的功能，像html头部的DTD声明每次都要复制粘贴。用SublimeTmpl这款插件终于可以解脱了，SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板，所有的文件模板都在插件目录的templates文件夹里，可以自定义编辑文件模板。
SublimeTmpl默认的快捷键
ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php
ctrl+alt+r ruby
ctrl+alt+shift+p python
如果想要新建其他类型的文件模板的话，先自定义文件模板方在templates文件夹里，再分别打开Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings这四个文件照着里面的格式自定义想要新建的类型，这里就详细介绍了，请各位自己折腾哈~
插件下载：
Emmet html/CSS快速编辑（原名Zen Coding）
Zen Coding估计大家都不会陌生，前不久改名为Emmet了，虽然用Emmet编辑html很快，但是要用好用快它需要付出不小的学习成本，学习的曲线有点陡峭，以至于让新手好奇而畏惧，我看看热闹就行了，感觉编辑得再快思维跟不上也是白搭，对我来说sublime text 3自带的代码提示够用了。网上有很多教学视频，有兴趣学习的可以去了解下。
插件下载：
sublimeLinter 代码错误提示
好话写在前面：sublimeLinter是少数几个能在sublime text 3工作的代码检查插件，sublimeLinter能检查html、css、javascript、php等众多语言的错误代码并给出提示，前提是需要配置相应语言的环境，要检查js代码需要安装node.js，检查php代码需要安装php并配置环境等，用这个插件能及时帮我们纠正代码的错误，并培养我们良好的编码习惯和风格。
丑话说在后面：对这货“强制性”的代码风格检查有点不爽，有意义无意义的代码提示经常打乱我敲代码的节奏，并且在后台运行检查机制造成sublime text 3有点小卡顿，虽然部分问题可以设置sublimeLinter来解决，用了sublimeLinter一小段时间后还是放弃了，觉得代码提示对我应该没必要了。
插件下载：
以上插件只是个人觉得好用，各位就择你所好而用之，在win8下sublime text 3中测试工作正常，点击这里还可以查看更多。细心的朋友也发现很多插件的快捷键重叠了，各位就依自己所好设置就行了。最后注意的是在github上下载插件时先看看插件有没有明确说明支持sublime text3，如果没有看看branch分支有没有st3版本的插件，不要下载错了插件版本。
上一篇: 下一篇:
Trackback URL&&&&sublime text2 插件包
sublime text2 插件包
sublime text2 的插件包
包含了常用的插件，比如zen coding、BracketHighlighter、JsFormat等。
若举报审核通过，可奖励20下载分
被举报人：
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：
VIP下载&&免积分60元/年（1200次）
您可能还需要
开发技术下载排行