在開(kāi)發(fā)微信小程序時(shí)，寫(xiě)css會(huì)比較麻煩判族，效率不高伶棒，最好的辦法就是使用less或者sass旺垒，可以使用gulp等配置編譯，但是使用此法又略顯麻煩肤无，最好的辦法就是使用Vscode裝一個(gè)less轉(zhuǎn)wxss插件先蒋， Easy LESS
以下是相關(guān)配置：
image.png
1.在Vscode中搜索easy less 插件并安裝；
2.在項(xiàng)目下建一個(gè).vscode文件夾宛渐，并在.vscode文件夾下建一個(gè)settings.json竞漾，settings.json 中配置內(nèi)容如下：
"less.compile": {
"outExt": ".wxss"
}
3.outExt 參數(shù)為導(dǎo)出文件名眯搭，默認(rèn)為.css，可以配置為.wxss业岁，其他配置項(xiàng)可查看：https://github.com/mrcrowl/vscode-easy-less
也可以配置文件生成目錄：
"less.compile": {
"out": "${workspaceRoot}\\css\\css\\"
}
${workspaceRoot}代表當(dāng)前項(xiàng)目的根目錄鳞仙，后面路徑自行配置。
