微信小程序使用 scss

最新推荐文章于 2024-04-30 20:13:32 发布

sywdebug

最新推荐文章于 2024-04-30 20:13:32 发布

阅读量717

点赞数

分类专栏： # 小程序文章标签：微信小程序 scss 小程序

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/sywdebug/article/details/132764358

版权

小程序专栏收录该内容

8 篇文章 0 订阅

订阅专栏

一、在 vscode 中安装 easy sass 扩展

在这里插入图片描述

二、在微信开发者工具导入 vscode 安装的 easy sass 扩展

在这里插入图片描述

在这里插入图片描述

安装完成后会让重新加载扩展

再次打开后就可以看到扩展已经有 easy sass 了
在这里插入图片描述

三、修改 easy sass 配置

重新加载扩展后，默认情况下这个扩展是已经启动的，但是这个扩展默认是将 scss 转为 css 和 min.css 而不是 wxss，所以需要做一些修改

首先打开扩展设置
在这里插入图片描述

输入Easysass: Formats筛选到准确设置，并打开配置文件
在这里插入图片描述

可以看到这里默认有两个配置，一个是扩展视图的.css，一个是压缩视图的.min.css
在这里插入图片描述

修改一下即可，使用 scss 基本就用不到修改 wxss 了，所以我这里使用压缩视图，然后把后缀改为.wxss 即可
在这里插入图片描述

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
微信小程序使用 scss

重新加载扩展后，默认情况下这个扩展是已经启动的，但是这个扩展默认是将 scss 转为 css 和 min.css 而不是 wxss，所以需要做一些修改。修改一下即可，使用 scss 基本就用不到修改 wxss 了，所以我这里使用压缩视图，然后把后缀改为.wxss 即可。可以看到这里默认有两个配置，一个是扩展视图的.css，一个是压缩视图的.min.css。再次打开后就可以看到扩展已经有 easy sass 了。筛选到准确设置，并打开配置文件。安装完成后会让重新加载扩展。
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。