Sublime Text 3能用支持的插件推荐

Package control 插件管理

sublime text很是强大的插件管理的插件，按下Ctrl+Shift+P，输Package control就能够选择插件的安装、管理、删除等操做，由于sublime text 3的插件须要基于pyhone 3编写，因此用sublime text 2的安装方法无论用，Sublime text 3如何安装package control办法 ：https://sublime.wbond.net/installation。

此外，安装sublime text 3的插件还能够在github上下载源文件，解压后更名放到

C:\Users\Mr.DenGo(你的电脑名)\AppData\Roaming\Sublime Text 3\Packages 中

重启sublime text 3便可生效。

BracketHighlighter 高亮显示匹配的括号、引号和标签

BracketHighlighter这个插件能在左侧高亮显示匹配的括号、引号和标签，能匹配的[] ,  () ,  {} ,  "" ,  '' , <tag></tag>等甚至是自定义的标签，当看到密密麻麻的代码分不清标签之间包容嵌套的关系时，这款插件就能很好地帮你理清楚代码结构，快速定位括号，引号和标签内的范围。

插件下载： https://github.com/facelessuser/BracketHighlighter/tree/BH2ST3

TrailingSpacer 高亮显示多余的空格和Tab

有时候在代码结尾打多了几个空格或Tab，通常不会察觉，TrailingSpacer这款插件能高亮显示多余的空格和Tab，并能够一键删除它们，有代码洁癖的朋友应该会喜欢这个插件。

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

注意，在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，能够是凌乱的代码以等号为准左右对其，适合有代码洁癖的朋友。

插件下载： https://github.com/kevinsperrine/sublime_alignment/tree/python3

Clipboard-history 粘贴板历史记录

有了这个插件，即可方便使用sublime text 3里的粘贴板历史记录内容，快捷键Ctrl+Shift+V可调出该历史记录面板，按方向键选择想要粘贴的历史记录。不过这是sublime text 2下的插件，Ctrl+Shift+D清除粘贴板历史记录好像不能生效，不太重启sublime也可清除粘贴板的历史记录。

插件下载： https://github.com/kemayo/sublime-text-2-clipboard-history

gbk4subl 支持GBK编码

sublime text一个遗憾是不支持中文GBK编码，在编辑一些GBK编码的文件时就会出现乱码，还好sublime text 2有不少能够支持GBK编码的插件，惋惜大多在sublime text 3下都不能工做，在github找了下，还好还有gbk4subl这款能让sublime text 3支持GBK编码的插件。

插件下载： https://github.com/jeewood/gbk4subl

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" },
    //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":".*"
            }
    }
]

ColorPicker 调色盘

在编辑CSS样式的时候，要加个本身喜欢颜色或改改颜色啥的，要到PS里去调色？ColorPicker可让sublime text 3内置一个调色盘，调好颜色，点击OK就会在光标处生成十六进制颜色代码。

插件下载： https://github.com/weslly/ColorPicker

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代码，按C trl +S hift + C，便可对CSS属性从新排序了，代码今后简洁有序易维护，若是不款选代码则插件将排序文件中全部的CSS属性。固然，能够本身自定义CSS属性排序规则，打开插件目录里的CSScomb.sublime-settings文件，更改里面的CSS属性顺序就好了。

插件下载： https://github.com/csscomb/CSScomb-for-Sublime

CSS Compact Expand CSS属性展开收缩

每一个人写CSS都有不一样的风格，有些人喜欢写成一行，有些人喜欢写成多行，各有各的好处，我倒喜欢将CSS写成一行，这样能减小CSS文件大小，且屏幕能显示更多的Class方便查找。若是阅读别人的代码不符合本身的习惯，能够用CSS Compact Expand这个插件将CSS格式化一下，按 Ctrl+Alt+[ 收缩CSS代码为一行显示，按 Ctrl+Alt+] 展开CSS代码为多行显示，此插件由sublime textQQ群里一个牛人封装。

插件下载： http://pan.baidu.com/share/link?shareid=251331&uk=590661480&third=15

JsFormat javascript格式化

有时从网上扒了人家的js代码来学习学习，打开发现被压缩了，这时就能够用JsFormat插件格式化js代码，恢复未压缩时候的排版，挺给力的。按快捷键Ctrl+Alt+F便可格式化当前的js文件了。

插件下载： https://github.com/jdc0589/JsFormat

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

Emmet html/CSS快速编辑（原名Zen Coding）

Zen Coding估计你们都不会陌生，前不久更名为Emmet了，虽然用Emmet编辑html很快，可是要用好用快它须要付出不小的学习成本，学习的曲线有点陡峭，以致于让新手好奇而畏惧，我看看热闹就好了，感受编辑得再快思惟跟不上也是白搭，对我来讲sublime text 3自带的代码提示够用了。网上有不少教学视频，有兴趣学习的能够去了解下。

插件下载： https://github.com/sergeche/emmet-sublime

sublimeLinter 代码错误提示

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

丑话说在后面：对这货“强制性”的代码风格检查有点不爽，有意义无心义的代码提示常常打乱我敲代码的节奏，而且在后台运行检查机制形成sublime text 3有点小卡顿，虽然部分问题能够设置sublimeLinter来解决，用了sublimeLinter一小段时间后仍是放弃了，以为代码提示对我应该不必了。

插件下载： https://github.com/SublimeLinter/SublimeLinter/tree/sublime-text-3

 

 

 

 

点击这里还能够查看更多 sublime text 3支持的插件 。