☰

lanhu-codeto-cssmodule

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

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安裝使用者腳本管理器擴充功能，如 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