Sublime Text 3插件扩展

Package Control 插件安装工具
sublime text非常强大的插件管理的插件，按下Ctrl+Shift+P，输Package control就可以选择
插件的安装、管理、删除等操作，因为sublime text 3的插件需要基于pyhone 3编写，所以用
sublime text 2的安装方法不管用，可以通过下列方法进行安装：
1、在github上下载源文件，解压后改名放到ST3的Packages目录中，重启sublime text 3即可生效。
2、在控制台（ctrl+`）输入如下命令并回车：
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())

BracketHighlighter 高亮显示匹配的括号、引号和标签。
插件下载：https://github.com/facelessuser/BracketHighlighter/tree/BH2ST3

TrailingSpacer 高亮显示多余的空格和Tab
注意，在github上下载的插件缺少了一个设置快捷键的文件，可以新建一个名字和后缀为Default (Windows).sublime-keymap的文件，
添加以下代码，即可设置“删除多余空格”和“是否开启TrailingSpacer ”的快捷键了。

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

插件下载：https://github.com/SublimeText/TrailingSpaces

Alignment 等号对齐，可以将凌乱的代码以等号为准左右对其，快捷键是 Ctrl+Alt+A
插件下载：https://github.com/kevinsperrine/sublime_alignment

gbk4subl 支持GBK编码：sublime text 2有很多支持GBK编码的插件在sublime text 3下都不能工作，还好 gbk4subl 可以。
插件下载：https://github.com/jeewood/gbk4subl

ColorPicker 调色盘：ColorPicker 可以让 sublime text 3 内置一个调色盘，相当方便。
插件下载：https://github.com/weslly/ColorPicker

CSS Compact Expand：CSS属性展开收缩，按 Ctrl+Alt+[  收缩CSS代码为一行显示，按 Ctrl+Alt+] 展开CSS代码为多行显示。
插件下载：https://github.com/TooBug/CompactExpandCss

javascript-API-Completions：支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件。
插件下载：https://github.com/Pleasurazy/Sublime-Better-Completion

JsFormat javascript格式化
有时从网上扒了人家的js代码来学习学习，打开发现被压缩了，这时就可以用JsFormat插件格式
化js代码，恢复未压缩时候的排版，挺给力的。按快捷键Ctrl+Alt+F即可格式化当前的js文件了。
插件下载：https://github.com/jdc0589/JsFormat

Emmet html/CSS 快速编辑：原名 Zen Coding，还用我介绍么……
插件下载：https://github.com/sergeche/emmet-sublime

DeleteBlankLines：删除空白行
插件下载：https://github.com/NicholasBuse/sublime_DeleteBlankLines

Tradsim 中文繁字体和简体字转换
Tradsim是一款能把中文的繁字体和简体字互相转换的插件，只支持UTF-8编码，虽然觉得有点
鸡肋，但还是介绍出来给需要的朋友吧，安装插件，因为插件包里没快捷键文件，所以我们可
以自定义一个，可以新建一个名字和后缀为Default (Windows).sublime-keymap的文件，添加
以下代码，即可设置“转换为简体字”和“转换为繁字体 ”的快捷键了。注意：转换是文件
里全局的中文。

[
    {"keys": ["ctrl+alt+s"], "command": "tradsim_to_sim"},
    {"keys": ["ctrl+alt+t"], "command": "tradsim_to_trad"}
]
插件下载：https://github.com/erinata/tradsim

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" },
    //firefox
    { "keys": ["f1"], "command": "side_bar_files_open_with",
             "args": {
                "paths": [],
                "application": "C:\\software\\Browser\\Mozilla Firefox\\firefox.exe",
                "extensions":".*" //匹配任何文件类型
            }
    },
    //chrome
    { "keys": ["f2"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:\\Users\\Mr.DenGo\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
                "extensions":".*"
            }
     },
    //ie
     { "keys": ["f3"], "command": "side_bar_files_open_with",
             "args": {
                "paths": [],
                "application": "C:\\Program Files\\Internet Explorer\\iexplore.exe",
                "extensions":".*"
            }
    },
    //safari
    { "keys": ["f4"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:\\software\\Browser\\Safari\\safari.exe",
                "extensions":".*"
            }
     },
     //opera
     { "keys": ["f5"], "command": "side_bar_files_open_with",
             "args": {
                "paths": [],
                "application": "C:\\software\\Browser\\opera\\opera.exe",
                "extensions":".*"
            }
    }
]
插件下载：https://github.com/titoBouzout/SideBarEnhancements

Hex-to-HSL-Color Hex颜色模式转HSL颜色模式
在用CSS3的一些属性时会用到HSL颜色模式，用软件转来转去确实麻烦，用Hex-to-HSL-Color这个
插件便可轻松解决，鼠标选中一个或多个十六进制颜色代码，按下Shift+Ctrl+U立马转换为HSL颜
色模式。
插件下载：https://github.com/atadams/Hex-to-HSL-Color

CSScomb CSS属性排序
有时候看看自己写的CSS文件，会不会觉得属性很乱查找不易维护难？CSScomb可以按照一定的
CSS属性排序规则，将杂乱无章的CSS属性进行重新排序。选中要排序的CSS代码，按Ctrl +Shift + C
即可对CSS属性重新排序了，代码从此简洁有序易维护，如果不款选代码则插件将排序文件中所有
的CSS属性。当然，可以自己自定义CSS属性排序规则，打开插件目录里的CSScomb.sublime-settings
文件，更改里面的CSS属性顺序就行了。
插件下载：https://github.com/csscomb/CSScomb-for-Sublime

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这四个文件照着里面的格式自定义想要新建的类型。
插件下载：https://github.com/kairyou/SublimeTmpl

sublimeLinter 代码错误提示
好话写在前面：sublimeLinter是少数几个能在sublime text 3工作的代码检查插件，
sublimeLinter能检查html、css、javascript、php等众多语言的错误代码并给出提示，前提是
需要配置相应语言的环境，要检查js代码需要安装node.js，检查php代码需要安装php并配置环
境等，用这个插件能及时帮我们纠正代码的错误，并培养我们良好的编码习惯和风格。
插件下载：https://github.com/SublimeLinter/SublimeLinter/tree/sublime-text-3

参考来源： http://www.tuicool.com/articles/qEFJrm