emmet livestyle(chrome前端编辑插件) v0.8.2.1230

Emmet LiveStyle对于很多开发CSS朋友一定是非常熟悉了。是一个非常高效的CSS前端浏览器插件。功能非常全面，能够大大的提高前端CSS开发的效率。其实最早是sublime的插件，功能功能的强大。对于本地开发的朋友可以试试，运行效果更加的强大。而目前的这个Emmet LiveStyle则是专门为浏览器设计的。有很多浏览器的特性加持，喜欢浏览器开发前端的朋友，可以试试。它最大的特色是在浏览器里修改CSS，直接看到效果，但是如果自动能把修改映射到编辑里，将是一个非常有帮助并且极大提高工作效率的事情。这也解决了一个我们长期遇到的一个问题，在编辑器修改后，保存，再到浏览器里查看效果，可是往往有的时候我们是反向操作的。所以，不多说，对于这款高效工具，十分值得下载！

功能介绍

1、即时更新(不会重新加载页面，样式修改以后无需保存也能预览);;
2、多个页面同时预览(例：同时打开多个页面，并且关联到相同的CSS，此时修改该CSS，这些页面都能即时显示修改内容);
3、双向修改(在Chrome开发者工具和Sublime Text中，只要有一处修改，两个工具的样式都会更改。)
4、便捷的安装和使用。

主要特性

实时更新：输入即可看到效果，无须保存，也无须重新加载
不需要本地文件
跨平台
多视图多设备支持
多站支持
安装简单

使用方法

1.chrome浏览器安装好livestyle后，用Chrome打开需要编辑的地址，右键点击查看网页元素。

2.此时在Chrome代码查看器中编辑您的CSS，即可同步到您在Sublime Text中打开的css文件中。或者在Sublime Text中编辑您的CSS也可义在浏览器中同步显示页面效果！

安装方法

方法一：.crx文件格式插件安装
1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。
2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去，但是谷歌考虑用户的安全隐私，在用户松开鼠标后还会给予用户一个确认安装的提示。


5.用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去，安装成功以后该插件会立即显示在浏览器右上角（如果有插件按钮的话），如果没有插件按钮的话，用户还可以通过Chrome扩展管理器找到已经安装的插件。

方法二：文件夹格式插件安装
1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。
2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。
3.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。