Emmet LiveStyle(chrome前端编辑插件)

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、点击确定，插件安装成功。如果没有出现插件，还是检查文件夹层级，不要选错了。

注意：更改后浏览器会出现安全提示，可以忽略或者使用完改回来