☰

lanhu-codeto-cssmodule

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

Hoe installeer ik dit?

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Hoe installeer ik dit?

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

Maker
leesher
Dagelijks aantal installaties
0
Totaal aantal installaties
16
Beoordelingen
0 0 0
Versie
1.0.2
Gemaakt op
09-08-2023
Bijgewerkt op
24-11-2023
Grootte
43,9 KB
Licentie
MIT
Wordt toegepast op

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