微信小程序开发者工具集成了 vscode 编辑器,可以使用 vscode 中众多的插件,为我们开发微信小程序提供了极大的便利。我们可以借助 easysass 插件实现在微信开发中使用 sass,安装步骤如下。

1,在 vscode 中安装 easysass 插件。

2,复制 easysass 插件到微信开发者工具的扩展文件夹中,并启用这个插件。

vscode 插件的安装目录在:C:\Users\用户\.vscode\extensions

 拷贝 spook.easysass-0.0.6 文件夹。

接下来打开微信开发者工具的扩展文件夹。设置 => 扩展设置 => 编辑器自定义扩展 => 打开文件夹。

将上面拷贝的 spook.easysass-0.0.6 粘贴到打开的文件夹中。

启用这个插件。

3,修改 spook.easysass-0.0.6/package.json 文件中的配置。

设置编译结果文件的后缀为 ".wxss"。

4,重启开发者工具,就 OK 了,测试一下效果。

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐