列表格式显示

热搜词:winrar    ftp   office   photoshop   输入法   ghost   win7  

01网络软件 - 分类

广告招商中......
联系方式!

浏览辅助 - 时间排序 更多...
    浏览辅助 - 点击排序 更多...
      浏览辅助 - 大小排序 更多...
        作者

         

        最近发布的软件 更多>>

        首页 >> 01网络软件>> 浏览辅助>>emmet livestyle插件(实时预览前端编辑器) 发布者:admin >> 本人发布的更多软件

        广告招商中...... 联系方式!

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

             
        软件厂家: 官方网站:
        大小: 语言:
        类型: 类别:
        更新时间: 运行环境:
        ;开始下载地址

        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"


        本页Html网址:/htmlsoft/517.html

        本页aspx网址:/soft.aspx?id=517&bianhao=20231230_224050_799930&kind1=01网络软件&kind2=浏览辅助

        上一篇:chrome adkill and media download

        下一篇:evernote web clipper for chrome(印象笔记剪藏)

        增加   


        相关评论        新窗口打开查看评论