Skip to content

leesama/lanHu-codeTo-cssModule

Repository files navigation

Lanhu-Code-To-CssModule - 蓝湖设计稿代码转换成 CssModule 的格式

GitHub license

English | 中文

项目简介

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

插件功能介绍

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

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

使用方法

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

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

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

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

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

注意事项

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

版权信息

本项目采用 MIT 开源许可证,详见 LICENSE 文件。

油猴插件地址

您可以在 此处 找到 Lanhu-Code-To-CssModule 油猴插件。

About

Tampermonkey插件,用于将蓝湖设计稿代码转换成 CssModule 的格式

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors