项目简介
本项目是一款VS Code插件,主要功能是自动将SCSS文件转换为微信小程序所需的WXSS文件,可有效提升开发者的开发效率,增强代码兼容性。
项目的主要特性和功能
- 自动转换:保存SCSS文件时,插件会自动生成对应的WXSS文件。
- 模块化支持:能通过
@use
语句导入其他SCSS文件,并正确处理转换时的依赖关系。 - 忽略特定文件:以
_
开头的SCSS文件不会被单独转换为WXSS文件,便于管理模块化组件样式。 - 简洁输出:转换后的WXSS文件结构清晰,保留原样式规则和嵌套结构。
安装使用步骤
- 在VS Code中打开插件市场(Extensions),搜索“scss2wxss”插件。
- 点击安装按钮,等待安装完成。
- 在项目工程下创建SCSS文件并编写样式代码。
- 保存SCSS文件,插件会在同一目录下自动生成对应的WXSS文件。
注意事项
- 请避免使用
@import
语法,官方已不推荐此方法。 - 该插件为默认转换方式,无法提供屏蔽或选择控制功能,如有需要可提交PR进行功能扩展。
- 因WXSS和SCSS在语法和功能上存在差异,转换可能无法覆盖所有情况,建议实际使用时按需手动调整优化。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】