微信小程式開發使用less前處理器(vscode)
阿新 • • 發佈:2021-09-16
1、我們要知道css前處理器less、sass的語法瀏覽器和微信瀏覽器都不不會識別的。
2、css前處理器,是為了方便我們編寫css樣式,編寫之後用過工具打包為css樣式(比如 webpack,gulp等)
3、例如:我們使用的react、vue框架都使用的打包工具都是webpack,webpack在打包時會幫我們處理 less、sass檔案
微信小程式中如何使用less
其實說微信小程式中使用less不太嚴謹,我們只是通過使用 vscode 的一個外掛Easy-less ,在我們編寫 less之後,給我們生成對應的 wxss 檔案
使用方法如下:
1、在vscode 擴充套件商城中 搜尋Easy-less 進行安裝
2、修改vscode的設定jons檔案
(1)開啟vscode設定
(2)找到vscode的設定json檔案開啟
3、新增less.compile
"less.compile": { "outExt": ".wxss" }
4、開始編寫less