小程序编辑器引入less

1、vsCode中安装 easy less 插件

image.png

2、找到本地用户less包 （C:\Users\用户名.vscode\extensions）

image.png

3、文件拷贝至小程序编辑器中 设置>扩展>编辑器自定义扩展

image.png
image.png

4、设置输出格式 .wxss
Easy-less，默认输出的css，但是小程序中要使用.wxss的文件，所以设置一下输出的文件后缀

image.png image.png

5、重启微信开发者工具
设置成功后，关闭小程序再打开，然后在 pages 目录下随便找个页面新建一个index.less，写一点 CSS 保存看看 index.wxss，有没有发生变化...