1.打開vscode安裝插件Easy-less
image.png
2.打開vscode安裝目錄所在的位置C:\用戶\用戶名\.vscode\extensions
找到mrcrowl.easy-less-1.6.3
復(fù)制到微信開發(fā)者工具擴(kuò)展工具的目錄下
image.png
image.png
3.打開微信開發(fā)者工具思灌,top
欄,設(shè)置>擴(kuò)展設(shè)置>擴(kuò)展>自定義擴(kuò)展點(diǎn)擊開啟
image.png
4.配置settings.json
"less.compile": {
"outExt": ".wxss"
}
image.png
image.png
image.png
5.設(shè)置成功后次伶,關(guān)閉小程序再打開垛膝,然后在pages
目錄下隨便找個頁面新建一個.less
文件育八,寫一點(diǎn) CSS
保存即可自動生成.wxss
文件
image.png