1.打开vscode安装插件Easy-less
image.png
2.打开vscode安装目录所在的位置C:\用户\用户名\.vscode\extensions
找到mrcrowl.easy-less-1.6.3
复制到微信开发者工具扩展工具的目录下
image.png
image.png
3.打开微信开发者工具,top
栏,设置>扩展设置>扩展>自定义扩展点击开启
image.png
4.配置settings.json
"less.compile": {
"outExt": ".wxss"
}
image.png
image.png
image.png
5.设置成功后,关闭小程序再打开,然后在pages
目录下随便找个页面新建一个.less
文件,写一点 CSS
保存即可自动生成.wxss
文件
image.png