小程序---微信开发者工具中使用less操作指南

微信开发者工具中使用less操作指南如下：

1.在vscode中下载【easy-less】

2.下载完成后，在【C:\Users\lenovo\.vscode\extensions】目录中复制如图【...easy-less...】文件夹

3.在微信开发者工具中点击【设置】->【扩展设置】->【编辑器自定义扩展】->【打开扩展文件夹】

4.将刚复制的【...easy-less...】文件夹粘贴到该文件夹

5.按如下图打开【settings.json】文件，加入

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

   

6.在微信开发者工具中点击【设置】->【扩展设置】->【编辑器自定义扩展】中打开刚加入的easy-less功能

7.新建【xx.less】文件，并写入样式即可自动转换到对应的【xx.wxss】文件中。注意：如未生效，需要重启下微信开发者工具