Emmet LiveStyle是非常实用的CSS编辑器开发者插件,可以提高开发效率。支持Chrome浏览器和Safari浏览器,可以实时进行CSS调试插件工具。还可以利用LiveStyle和Sublime Text3编辑器结合可实现可视化开发。
实时更新:输入即可看到效果,无须保存,也无须重新加载
不需要本地文件
跨平台
多视图多设备支持
多站支持
安装简单
1、即时更新(不会重新加载页面,样式修改以后无需保存也能预览);;
2、多个页面同时预览(例:同时打开多个页面,并且关联到相同的CSS,此时修改该CSS,这些页面都能即时显示修改内容);
3、双向修改(在Chrome开发者工具和Sublime Text中,只要有一处修改,两个工具的样式都会更改。)
4、便捷的安装和使用。
可以通过谷歌商店安装,或下载插件后离线安装,方法如下:
一、如果你是67版本以下用户,将.crx文件直接拖入扩展程序界面即可添加。
二、如果你使用的是67版本以上的谷歌浏览器,那么:
1、下载.crx文件后,将其后缀名更改为.rar,如下图
2、将rar格式文件解压,这里要注意文件夹层级,建议选解压到"文件夹名"的方式
3、打开chrome谷歌浏览器,进入右上角选项图标-更多工具-扩展程序,
4、打开右上角的开发者模式选项,然后选择“加载已解压的扩展程序”
5、选择刚才解压的文件夹,前面注意文件夹层级的作用就在这里了,如果crx文件内容全部在根目录,那么就要加载根目录了。
6、点击确定,插件安装成功。如果没有出现插件,还是检查文件夹层级,不要选错了。
注意:更改后浏览器会出现安全提示,可以忽略或者使用完改回来