Greasy Fork

lanhu-codeto-cssmodule

油猴插件,旨在在蓝湖设计稿页面中拦截用户复制的代码,并将其重新组装成适用于 CSS Module 格式。借助该插件,您可以将蓝湖设计稿中的样式代码转换为更适用于前端项目的模块化样式,从而加速样式的应用过程

作者
leesher
日安装量
0
总安装量
15
评分
0 0 0
版本
1.0.2
创建于
2023-08-09
更新于
2023-11-24
大小
43.9 KB
许可证
MIT
适用于

Lanhu-Code-To-CssModule 是一个油猴插件,旨在在蓝湖设计稿页面中拦截用户复制的代码,并将其重新组装成适用于 CSS Module 格式。借助该插件,您可以将蓝湖设计稿中的样式代码转换为更适用于前端项目的模块化样式,从而加速样式的应用过程。(支持react以外的框架,区别在于不会转换成css module)

插件功能介绍

  • 页面代码转换为 CSS Module 格式: 当您在蓝湖代码页面复制页面代码时,插件将自动将其转换为 CSS Module 格式。

  • 样式代码转换为 CSS Module 格式: 同样,在蓝湖代码页面,复制的样式代码将被转换成适用于 CSS Module 的格式。

使用方法

  1. 确保已安装 Tampermonkey 或其他支持油猴插件的浏览器扩展。

  2. 下载并安装本油猴插件。

  3. 打开您的蓝湖设计稿页面。

  4. 首先选中并复制要应用的页面代码,然后将复制的页面代码粘贴到您的前端项目中。

  5. 然后选中并复制样式代码,同样将复制的样式代码粘贴到您的前端项目中。

注意事项

请注意,必须先复制页面代码,然后再复制样式代码。

github地址 https://github.com/leesama/lanHu-codeTo-cssModule