整 理：肖雅君
时 间：2015-12-18
说 明：sublime常用的插件介绍
1. 前提
2. 两种安装方法
1. 插件emmet
插件位置：\\192.168.0.18\运维网络硬盘\y袁亮\p培训\55分享2015-12-16（前端）\sublime提高开发效率的几个插件
参考链接: http://www.cnblogs.com/hykun/p/sublimeText3.html
Sublime高效率前端编辑插件
一、安装插件的基本条件
1.前提：
（1）需要sublime text3
（2）安装任何插件都得先安装package control插件管理。
2.两种安装方法：
（1）自动安装：先按键ctrl+` ，再将安装代码复制进去；
安装代码：import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
（2）手动安装：
直接下载Package Control插件，放到sublime安装目录下的Installed Packages目录下，如下图：
二、插件介绍
1. 插件emmet
缩写+自动生成-提高开发效率，需了解简单的语法规律
Emmet语法：http://yanxyz.github.io/emmet-docs/abbreviations/syntax/
2. Emmet LiveStyle
实时刷新双向修改
（1）第一步：安装插件
法一：
自动安装：ctrl+shift+p打开安装包管理器，输入PCI后，输入LiveStyle:如下图
法二：
手动安装：同上将插件放到Installed Packages目录下。
（2）第二步：在浏览器上安装Emmet LiveStyle插件
（3）第三步：使用步骤
用sublime打开样式文件；浏览器打开html文件后F12，即可看到安装后的插件：勾选Enable LiveStyle for current page,再将样式文件的目录复制到liveStyle里即可。然后就能实行双向修改了。如下图：
3. Bracket Highlighter插件
用于匹配括号，引号和html标签。
对于很长的代码很有用。安装好之后，不需要设置插件会自动生效.【安装过程同上】
图示：
如图：如果代码的标签是成对的，则会显示两个小图标；如果标签并不是成对的，则会显示”小问号“。
4. trailing Spaces高亮空白区域
此插件自动将无效的有空白区域的代码显示出颜色来。
一键删除所有空格设置：
需要配置快捷键：在preferences/key binding-user，加上如下代码：
{ "keys": ["ctrl+shift+t"], "command": "delete_trailing_spaces" }
操作如下图：
5. JsFormat
js格式化的插件，安装方式同上,效果图如下：
附：Barcakets开发软件的插件安装方法
（1）emmet 直接点击右边的小商品标志
输入插件名，自动安装完毕：
（2）显示小图标插件：Brackets Icons
效果图如下：
参考链接: http://www.cnblogs.com/hykun/p/sublimeText3.html
http://www.xuanfengge.com/practical-collection-of-sublime-plug-in.html
注:若是直接拷贝插件安装，需注意几个插件安放的位置不一样：
插件位置：\\192.168.0.18\运维网络硬盘\y袁亮\p培训\55分享2015-12-16（前端）\sublime提高开发效率的几个插件
（1）两个插件文件夹放在：Packages文件夹下，通过Preferences>Browse Packages打开：
（2）非文件夹插件放在Packages上级的Install Packages目录下：
