emmet livestyle

相关标签：浏览辅助chrome插件

emmet livestyle编程辅助插件是一款通过该在谷歌浏览器中让你实现高效的前段css编辑功能的插件，为你带来最快速的开发体验，其体积十分小巧，是前段开发工程师们必备的可视化编程器，需要结合Subliem Text插件一同使用，快来陈三网下载吧！

软件特色

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

2. 多个页面同时预览（例：同时打开多个页面，并且关联到相同的CSS，此时修改该CSS，这些页面都能即时显示修改内容）；

3. 双向修改（在Chrome开发者工具和Sublime Text中，只要有一处修改，两个工具的样式都会更改。）

4. 便捷的安装和使用。

注：LiveStyle和Emmet一样，需要PyV8插件的支持。建议先安装Emmet，因为安装Emmet的同时会自动安装PyV8。

使用方法

安装Subliem Text插件：

1. 打开命令面板：ctrl + shift + p

2. 输入：install Package

3. 搜索：LiveStyle

使用说明

注：LiveStyle和Emmet一样，需要PyV8插件的支持。建议先安装Emmet，因为安装Emmet的同时会自动安装PyV8。

1. Sublime Text中打开该页面的CSS文件。如果是远程修改，可以新建个CSS文件(例：debug.css)。

2. 打开需要调试的页面，按F12(打开开发者工具)，选择LiveStyle(在Console/控制台右边)。

3. 把Enable LiveStyle for current page前面的勾打上。

4. 选择对应的样式，即关联CSS。

注：此时Chrome的Matched CSS Rules和Sublime Text的修改都会双向同步。

可以在Chrome网上应用商店中搜索"Emmet LiveStyle"

免责声明：本站提供的一切软件、教程和内容信息仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络收集整理，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。我们非常重视版权问题，如有侵权请邮件与我们联系处理，我们将尽快删除相关内容。