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,有没有发生变化...
网友评论