微信开发者工具中使用less

1、借用vscode找到easy less扩展包

• vscode-扩展-搜索并安装easy less
  image.png
• 在vscode的扩展文件夹中复制easy less 扩展包
  image.png

2、将扩展包放入微信开发者工具的扩展文件夹中

• 微信开发者工具-设置-编辑器设置-扩展-编辑器自定义扩展-打开扩展文件夹，将扩展包复制到该文件夹下

  
  image.png

3、微信开发者工具中配置less

• 微信开发者工具-设置-编辑器设置-更多及工作区的编辑器设置

  
  image.png

• 右上角进入设置的json文件

  
  image.png
• 添加代码

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

• 微信开发者工具-设置-编辑器设置-扩展-编辑器自定义扩展.点击启用easy less扩展
  image.png
• 重启开发者工具即可