上网辅助

展开

emmet livestyle插件(实时预览前端编辑器)

大小：42KB语言：中文 类别：上网辅助系统：WinAll, WinXP, Win7, Win8
简介|教程|评论(0)
软件性质：国产软件时间：2022-03-20 00:09:55

标签： emmetlivestyle</a>chrome插件

软件介绍

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

emmet livestyle官方介绍

LiveStyle是Chrome中提高开发效率的一款CSS编辑器插件。利用LiveStyle和Sublime Text3编辑器结合可实现可视化开发，一次配置，简单易用！

emmet livestyle下载

emmet livestyle软件特色

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

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

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

4. 便捷的安装和使用。

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

emmet livestyle插件使用方法

安装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"

加载全部内容
热门推荐
推荐教程
猜你喜欢
相关合集
Mac词典软件Mac词典软件 Mac安卓模拟器Mac安卓模拟器 保利威软件保利威软件 校音器软件校音器软件 租号上号器租号上号器 WeGame(腾讯游戏平台)WeGame(腾讯游戏平台) 国产浏览器国产浏览器 网速限制软件网速限制软件
用户评论
本类排行