Emmet LiveStylev0.8.2.1230官方版

Emmet LiveStyle是一个css编辑器和开发者插件，可以安装在谷歌浏览器上，所有chrome内核浏览器都可以使用。在开发过程中，利用这个Emmet LiveStyle来增强开发和编辑就显得尤为重要。

基本介绍

Emmet LiveStyle是一个可以提高开发效率的CSS编辑器开发者插件。目前LiveStyle不仅支持一个Chrome浏览器，还支持Safari浏览器。它可以实时调试CSS插件工具，非常适合前端工程师为前端工程师提供开发效率。同时，它可以通过将LiveStyle与Sublime Text3编辑器相结合来实现可视化开发，使用简单，易于一次性配置。

功能介绍

1.即时更新(页面不会重新加载，修改后无需保存即可预览样式)；

2.同时预览多个页面(比如同时打开多个页面，关联同一个CSS，此时修改CSS，这些页面可以立即显示修改后的内容)；

3.双向修改(在Chrome开发者工具和崇高文字中，只要有一次修改，两个工具的风格都会改变。)

4.安装使用方便。

施用方式

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

2.此时，在Chrome代码查看器中编辑你的css，就可以同步到你在崇高文本中打开的CSS文件。或者在崇高文本中编辑你的CSS，或者在浏览器中同步显示页面效果！

安装方法

方法1:crx文件格式插件安装

1.首先，用户点击Google浏览器右上角的自定义和控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序，或者直接输入：chrome :///extensions/

3.找到你下载的Chrome的离线安装文件xxx.crx，然后从资源管理器拖拽到Chrome的扩展管理界面。这时，用户会发现在扩展管理器的中央部分会有一个“拖拽安装”的插件按钮。

4.你可以通过释放鼠标将当前拖动的插件安装到谷歌浏览器中，但谷歌会在释放鼠标后提示用户确认安装。

5.此时用户只需点击添加按钮，即可将离线Chrome插件安装到谷歌浏览器中。安装成功后，插件会立即显示在浏览器的右上角(如果有插件按钮)。如果没有插件按钮，用户也可以通过Chrome扩展管理器找到安装的插件。

方法2:文件夹格式插件安装

1.首先，用户点击Google浏览器右上角的自定义和控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。

3.检查开发人员模式，单击加载解压缩的扩展程序，并选择安装插件的文件夹。