微信小程序配置使用scss

468 阅读1分钟

之前接触过微信小程序,一直没做开发,最近公司要求做一款小程序,日常记录踩坑系列。

第一步 VSCode 搜索插件 Easy Sass

image.png

第二步 打开微信开发者工具,导入已安装的 VSCode 扩展

image.png

第三步 导入完成后,点击编辑,找到 《《打开编辑器扩展目录》》,找到 下载的插件

image.png

第四步 进去文件夹,找到 package.json 文件,双击打开

image.png

第五步 找到如下代码,把.css替换成 .wxss

image.png

image.png

第六步 然后保存,关闭微信开发者工具,重新打开微信开发者工具,重新打开项目,新建 scss文件,保存后就会编译成wxss文件

image.png