Emmet LiveStyle
2014-06-04
#Emmet LiveStyle sublime text2 插件
插件的优点
-
每次修改样式，查看修改结果的时候都需要刷新一下页面才能看到。
-
调试页面再chrome下修改的样式不能同步到原始文件中，要照着chrome中调试好的，再去原始文件再去敲一遍。
##Sublime安装扩展程序
- 首先确认你安装了Package Control。
- 打开Package Control 找到Package Control: Install Package，回车安装插件。
- 输入LiveStyle，既可找到插件回车并安装即可。
##Chrome 安装扩展程序
可以通过谷歌网上应用商店安装Emmet LiveStyle, 安装完成后F12可以看到控制台多一个LiveStyle的选项
##使用方法
- 打开需要修改的页面，F12打开控制台，然后在LiveStyle下把Enable LiveStyle for current page勾上。
- 回到sublime text，打开要修改的样式文件。
- 再回到Chrome中的LiveStyle就可以看到变化，选择对应的样式即可。
##双向修改，无刷新预览
- 现在修改一下样式，不用刷新页面即可以看到效果。
- 同时你在chrome调试中修改的样式，也能同步会sublime text中的原始文件中去。
##视频教程
##谢谢！
腾讯微博@longzubuluo
yingzidong