如何在微信小程式中使用less開發

五百万發表於2024-11-14

VScode的Esay-less外掛
第一步:直接先在 vscode 安裝 easy-less 外掛

第二步:點選微信開發者工具的擴充套件按鈕,再點選擴充套件下的三個小點,選擇從已解包的擴充套件資料夾安裝

第三步:選擇這個less資料夾

第四步:設定輸出.wxss
到這裡還差最後一步,因為Easy-less,預設輸出的css,但是小程式中要使用.wxss的檔案,所以設定一下輸出的檔案字尾即可。


設定成功後,然後在 pages 目錄下隨便找個頁面新建一個index.less,寫一點 CSS 儲存看看
index.wxss,有沒有發生變化…
如果還沒變化:建議重啟小程式
如果還還沒變化:建議換篇文章~
————————————————

版權宣告:本文為博主原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處連結和本宣告。

原文連結:https://blog.csdn.net/qq_44749901/article/details/136717633

相關文章