☰

lanhu-codeto-cssmodule

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

如何安装

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴、Greasemonkey 油猴子 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Userscripts ，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

作者
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