一个可视化生成css样式的chrome插件
- 简介
- 下载
CSS,Less&Sass的实时编辑器
运行此扩展并开始编写您的CSS / Less / Sass代码,该代码将立即应用。您编写的代码将保存在浏览器扩展程序的存储空间或站点的本地存储中。 特色: *用于CSS / Less / Sass代码的实时编辑器-编写代码时预览更改 *实时编辑CSS文件并自动保存在文件系统上 * CSS重新加载器 *自动重新应用样式的选项 *语法突出显示 *通过点击自动生成CSS选择器 *自动完成CSS选择器,属性和值 * Emmet支持有助于将缩写快速扩展为CSS代码(https://docs.emmet.io/css-abbreviations/) *颜色选择器(支持HEX,RGB,RGBA,HSL和HSLA) *将代码从Less / Sass转换为CSS *美化/格式化代码 *缩小代码 *突出显示与CSS选择器匹配的DOM元素 *也可以选择在iframe中加载此扩展程序 * Lint CSS代码
优点
*无需刷新页面即可测试CSS / Less / Sass代码 *在编写代码时自动保存对文件系统的更改 *重新加载CSS资源而不刷新页面 *通过直接在页面上进行来加快样式代码的开发和测试 *在完成对项目文件的更改之前,先开发和测试代码 *应用一些临时样式(例如隐藏一些组件) *即使无法修改原始源代码,测试样式也会更改
相关插件