在开发微信小程序时，写css会比较麻烦，效率不高，最好的办法就是使用less或者sass，可以使用gulp等配置编译，但是使用此法又略显麻烦，最好的办法就是使用Vscode装一个less转wxss插件， Easy LESS

以下是相关配置：

image.png

1.在Vscode中搜索easy less 插件并安装；
2.在项目下建一个.vscode文件夹，并在.vscode文件夹下建一个settings.json，settings.json 中配置内容如下：

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

3.outExt 参数为导出文件名，默认为.css，可以配置为.wxss，其他配置项可查看：https://github.com/mrcrowl/vscode-easy-less

也可以配置文件生成目录：

"less.compile": {
    "out": "${workspaceRoot}\\css\\css\\"
}

${workspaceRoot}代表当前项目的根目录，后面路径自行配置。