在开发微信小程序时,写css会比较麻烦,效率不高,最好的办法就是使用less或者sass,可以使用gulp等配置编译,但是使用此法又略显麻烦,最好的办法就是使用Vscode装一个less转wxss插件, Easy LESS
以下是相关配置:
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}代表当前项目的根目录,后面路径自行配置。