前提：和别人的方法（微信IDE预览+VScode开发）不太一样，我是只使用微信开发者工具开发的。

微信开发者工具早在 1.03.2004271 版本之后就开始支持扩展工具了，直接在微信开发者工具里使用的Easy LESS，功能和在VScode里使用的一样。

1. VScode安装Easy LESS

2. VScode拓展文件夹下拷贝Easy LESS插件

其解包后的文件夹可以在 ~/.vscode/extensions (macOS 系统) 或 C:\Users\用户名.vscode\extensions (Microsoft Windows 系统) 下找到

复制mrcrowl.easy-less-xxx文件到微信开发者工具当中

3.粘贴到微信开发者工具的拓展文件夹

设置>拓展设置>编辑器自定义拓展>打开拓展文件夹

4.setting.json设置输出.wxss

到这里还差最后一步，因为Easy LESS，默认输出的css，但是小程序中要使用.wxss的文件，所以设置一下输出的文件后缀即可。

"less.compile": {
    "outExt": ".wxss"
 },

如果你在IDE设置>拓展中里找不到Easy LESS，也不要紧的，随便点击一个拓展打开setting.json都可以编辑。

5.重启微信开发者工具

设置成功后，关闭微信开发者工具再打开，然后新建一个.less文件，保存一下，就可以看到在它的同级目录会生成一个.wxss文件。



至此，你就可以愉快的使用less来写样式了！！！（使用SaaS的方法都差不多，自己去玩吧）