微信小程序配置less并使用

1.在VScode中下载Less插件

2.在微信小程序中依次点击如下按钮

选择 从已解压的扩展文件夹安装…

3.选中刚在vscode中下载安装的插件文件

如果没有修改过插件的安装目录，一般是在c盘下C:\用户\用户名.vscode\extensions\mrcrowl.easy-less-2.0.2
我的路径是：C:\Users\EDY.vscode\extensions

4.在微信小程序编译器设置中选中编辑器设置

点击设置再点击编译器设置

5.找到less进行json配置

6.在json文件中的less.compile添加如下配置

在代码中less.compile里面写入下面四行代码，他就会自动把你在less里面的代码转换为wxss的代码了

"less.compile": {
      "compress": false,
      "sourceMap": false,
      "out": true,
      "outExt": ".wxss"
   }

添加过后的

#7.使用插件
在要编辑的页面下创建一个.less文件，保存后会自动编译为.wxss文件


完美收关！！！！