Sublime Text 3 plugin(插件) 推荐

前言： 使用Sublime Text进行前端开发和阅读C++和C相关代码已经很长时间，这里总结下在使用Sublime Text3 （这里都特指Sublime Text3）使用的一些相关插件和小技巧:(不间断更新..)

1.Emmet

官网对Emmet的简介：

Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow:

安装：

Ctrl + shift + p > Package Control: Install Package > emmet

你在Sublime Text3中输入以下

nav#menuSystem.navMenu.isOpen>div#hotelLogo>div.navMenuIcon.logoIcon+div#arrowPointer+ul#navMenuMain>li.navMenuItem.navMenuItem$$$*10>div.navMenuIcon{Item $}+a{Item $}

在windows中按下ctrl + e 或者 tab键，看看发生什么吧？
或者我们输入

html:5

看看会发生什么？

然后你在样式表<style>标签内输入

fz20

再看看是什么？

具体的语法和使用参考文档
官网
w3cplus

2.Trimmer

Trimmer主要是为了处理多余的空格和一些特殊字符用的。说实话，感觉不是特别需要。但有个功能还是挺不错的，就是去除多余的行。
安装：

Ctrl + shift + p > Package Control: Install Package > trimmer

使用方法：

Ctrl + shift + p > 输入 Trimmer:Collapse lines

观察变化。Trimmer还有其他的一些功能，比如替换特殊字符什么的，自己可以去查看文档。

插件文档：
trimmer github repo

3.Autoprefixer

这个插件主要是css私有属性补全功能。在

安装：

Ctrl + shift + p > Package Control: Install Package > autoprefixer

使用方法：
比如我输入transform 按tab键（要在冒号之前）会自动补全所有的私有属性。

-webkit-transform: ;
    -ms-transform: ;
    -o-transform: ;
    transform: ;

4.Tag

格式化html标签

安装：

Ctrl + shift + p > Package Control: Install Package > tag

使用方法：

打开html文件， Ctrl + shift + p > Tag: Auto-Format Tags On Document 即可格式化html文件

5.Bracket Highlighter

这个插件很实用。比如你在一个嵌套很多层的函数中去查找某个代码块，那么你只要光标选择起始符号，那么就是在左侧标记处结束位置。
直接上图：

安装：

Ctrl + shift + p > Package Control: Install Package > Bracket Highlighter

6.CSScomb

这个插件主要在css选择器按照css属性类别进行分开，便于维护和查找。说的我自己都觉得拗口。看图：
Before:

After:

使用方法：

打开css文件， Ctrl + shift + p > Run CSScomb 即可格式化css文件
或者右击 -> Run CSScomb
或者 Ctrl + shift + c

7.Alignment

多行表达式等号对齐功能
未完待续。。

8.ConvertToUTF8

sublime text3 对gbk或者gb2312的编码格式支持不太好，而我们因为历史遗留原因需要编辑和查看这些格式的文件，那么我们需要安装这个插件。
安装：

Ctrl + shift + p > Package Control: Install Package > ConvertToUTF8

9.Git

未完待续。。。

原文链接：https://segmentfault.com/a/1190000005861999