微信开发者工具中使用less生成wxss

1.打开vscode安装插件Easy-less

image.png

2.打开vscode安装目录所在的位置C:\用户\用户名\.vscode\extensions找到mrcrowl.easy-less-1.6.3复制到微信开发者工具扩展工具的目录下

image.png

image.png

3.打开微信开发者工具，top 栏，设置>扩展设置>扩展>自定义扩展点击开启

image.png

4.配置settings.json

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

image.png

image.png

image.png

5.设置成功后，关闭小程序再打开，然后在pages目录下随便找个页面新建一个.less文件，写一点 CSS保存即可自动生成.wxss文件

image.png