Use tools. not rules.
今天发现一个很棒的利器：livestyle. livestyle是Emmet团队开发的。下面来说下怎么使用：
- 在chrome DevTools中修改了样式，想要同步到css文件中；
- 在修改了css文件，不想刷新chrome，就可以实时看到效果。
livestyle 安装
在 sublime text 中安装 livestyle 插件
QQ截图20160815182135.png
QQ截图20160815182218.png
安装chrome扩展
QQ截图20160815182837.png
QQ截图20160815182401.png
使用livestyle
- 用sublime text 打开一个css文件，例如a.css
- 随便打开个网址，然后F12 切换到 LiveStyle
- 选中Enable LiveStyle for current page，这时会把页面的所有css都列出来
- 选择一个需要替换的css，在下拉框中选择要替换掉的sublime打开的css文件，例如：a.css；或者点击 add file 按钮
- 这时候在 sublime 中修改a.css，就可以在chrome中实时看到效果；在chrome修改样式，也可以将修改同步到a.css文件中
QQ截图20160815182703.png