Live editor for CSS, Less & Sass - Magic CSS-CSS/Less/Sass 代码的实时编辑器

运行这个扩展并开始编写你的 CSS/Less/Sass 代码,它会立即被应用。您编写的代码将保存在浏览器扩展的存储空间或站点的本地存储中。

插件功能

✓ CSS/Less/Sass 代码的实时编辑器 - 在编写代码时预览更改
✓ 自动完成
✓ 实时编辑 CSS 文件并在文件系统上自动保存
✓ 在外部窗口中打开代码编辑器
✓ CSS 重新加载器
✓ 自动重新应用样式的选项
✓ 语法高亮
✓ 通过点击自动生成 CSS 选择器
✓ Emmet 支持
✓ 颜色选择器
✓ 将代码从 Less/Sass 转换为 CSS
✓ 美化/格式化代码
✓ 缩小代码
✓ 突出显示与 CSS 选择器匹配的 DOM 元素
✓ 也可以在 iframe 中加载此扩展程序
✓ 获取 SVG 图标
✓ Lint CSS 代码
Live editor for CSS, Less & Sass - Magic CSS-CSS/Less/Sass 代码的实时编辑器插图

此扩展可用于

✓ 谷歌浏览器
✓ 微软边缘
✓ 火狐
✓ 歌剧

插件特色

➤ 无需刷新页面即可测试您的 CSS/Less/Sass 代码
➤ 在编写代码时自动保存对文件系统的更改
➤ 重新加载 CSS 资源而不刷新页面
➤ 通过直接在页面上编写代码来加速开发
➤ 在完成更改之前开发和测试您的代码
➤ 应用一些临时样式(比如隐藏一些组件)
➤ 在任何网站上进行 CSS 更改
笔记:
➤ 你写的 CSS/Less/Sass 代码在你写的时候被应用
➤ CSS 重新加载器监视 CSS 文件并立即实时更新它们
➤ Sass 解析器从 https://cdnjs.cloudflare.com/ajax/libs/sass.js/ 远程加载...
➤ 您可以开发代码并同时查看输出
➤ 代码一写就保存在文件/浏览器中
➤ 代码编辑器可拖动并可调整大小
➤ 在外部窗口中使用代码编辑器来开发响应式页面
➤ 您编写的代码会自动保存在网站上
➤ 你可以使用“TAB”键来缩进你的代码
➤ 再次运行 Magic CSS,虽然它已经加载,但会禁用代码
➤ 按“Esc”或单击关闭将其隐藏
➤ 代码添加在 标签的底部
➤ 它包括 CSS/Less/Sass 美化器
➤ 它包括 CSS 缩小器
➤ 它突出显示与 CSS 选择器匹配的 DOM 元素
➤ 与 Chrome/Edge/Firefox/Opera 开发者工具一起使用
➤ 您可能会发现它在为基于 Stylish / Stylist 的网站创建自定义主题时很有用
➤ 此扩展以前称为“MagiCSS - 实时 CSS 编辑器”
安全和隐私:
ⓘ 安装扩展不需要权限批准
ⓘ 对于高级功能,例如“自动应用样式”,按需请求权限
ⓘ Google Analytics 用于获取匿名统计数据以改善用户体验
ⓘ 浏览器扩展的存储、localStorage 等用于扩展的核心功能。
此扩展使用的开源代码的学分:
* 放大 JS
* 通天塔
* 浏览器化
* 代码镜像
* 由easylogic @ GitHub提供的codemirror-colorpicker
* Emmet codemirror-plugin by emmetio @ GitHub
* CSS 漂亮
* CSSLint
* ESLint
* jQuery
* jQuery 用户界面
* jQuery UI 触控打孔
* 较少的
* 魔术建议
* 材质-UI
* Mozilla 源地图
* 节点.js
* 反应 JS
* 反应还原
* SASS / SCSS
* socket.io(WebSocket API 库)
* 工具提示器
* 网络包
如果您正在寻找 Magic CSS 中尚不可用的功能,您可能会喜欢的替代 CSS 开发工具:
* Amino:实时 CSS 编辑器
* CSS窥视器
* CSS查看器
* 页面标尺 Redux
* 完美像素
* 风格机器人
* 手写笔
*视口调整器
* 视觉错误
* 什么字体

插件安装说明

1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用

Live editor for CSS, Less & Sass - Magic CSS下载地址
Live editor for CSS, Less & Sass - Magic CSS-CSS/Less/Sass 代码的实时编辑器插图2
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!
0 0 投票数
文章评分
订阅评论
提醒
guest
0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x