☰

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.9KB
라이선스
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