一:Emmet LiveStyle(http://livestyle.io/)
CSS,LESS和SCSS的第一个双向实时编辑工具。
官网说只适用与谷歌跟sublime,可以自行测试
1.sublime下载插件liveStyle
2.谷歌商店下载Emmet LiveStyle
3.不需要任何服务,只需在sublime打开文件 和 谷歌浏览html
![](https://img2018.cnblogs.com/blog/1300594/201812/1300594-20181224142723229-1525243511.png)
我的浏览器安装成功显示的状态,红色表示开启了
![](https://img2018.cnblogs.com/blog/1300594/201812/1300594-20181224142753878-1788346802.png)
双箭头代表,编辑器和浏览器同时同步
![](https://img2018.cnblogs.com/blog/1300594/201812/1300594-20181224142809650-1017862664.png)
4.然后即可修改,即时同步拉。
二:browser-sync(http://www.browsersync.cn/)
省时的浏览器同步测试工具
调试特别方便,自行看官网,说的很清楚,一看就明白