1,检查微信开发者工具(工具版本1.03+)————这步很重要不然后面按步骤实行后会发现急死你也还是不管用,我之前死在过这一步,所以大家不要再次踩坑了 ~ = ~ 。。。
2,在VScode中下载Less插件

3,在微信小程序中依次点击如下按钮

4,选中刚在vscode中下载安装的插件文件(如果没有修改过插件的安装目录,一般是在c盘下C:\用户\用户名.vscode\extensions\mrcrowl.easy-less-2.0.0)

5,操作以下步骤



6,在setting.json 文件中新增 “outExt”:“.wxss”

7,在目录下新增一个同名的.less文件夹 然后在.less文件里写样式保存后.wxss文件会自动更新保存

如果以上步骤完成后 未实现最后一步,建议重启微信开发者工具
好了,这次分享到这里就结束了。如果你觉得对你有帮助,请给我点个赞并留言告诉我,让我为你开心下。