在微信小程序中使用less

项目场景：

在开发小程序的过程中 使用wxss写 代码量太多，推荐使用less更加的方便快捷
比如下图，左边的是less,右边是wxss,我们可以看出差距

解决方案：

第一步：
在VScode编辑器的扩展下载一个less扩展

第二步：
打开微信开发者工具，点击代码左侧的扩展，然后点击扩展右边的三个点，选择最下面的从已解包的扩展文件夹安装

第三步：
这里你先去看一下你的VScode安装在哪个目录 选择VScode里面的data,里面的extensions文件夹里面找到下图的mrcrowl.easy.less-1.7.3文件，后面的数字是你下载的版本号

第四步：
点击导航栏的设置，点击扩展设置

第五步：
点上面的编辑器，然后点击下面的更多编辑器设置…

第六步：
之后会出来一个设置页面，点击扩展，找到里面的Easy LESS configur…再点击右边的编辑

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

    "compress": false,
    "sourceMap": false,
    "out": true,
    "outExt": ".wxss"