Sublime Tet 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看看会发生什么？
然后你在样式表标签内输入
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 Highlighter6.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 > ConvertToUTF89.Git
未完待续。。。
原文链接：https://segmentfault.com/a/1190000005861999
关键字：plugin, sublime, emmet, text3
版权声明
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！
