微信小程序：本文主要是關(guān)于如何在微信開發(fā)者工具中安裝less插件
前言
不知道大家有沒有像我一樣習(xí)慣在vscode里面用慣了less，當(dāng)需要用微信開發(fā)者工具開發(fā)小程序時(shí)，如果沒有這個(gè)會(huì)有些不習(xí)慣，下面就簡單介紹一下，如何在微信開發(fā)者工具中安裝less插件。
一、less是什么？
less：是一個(gè)CSS預(yù)處理器，CSS預(yù)處理器是一種腳本語言，可擴(kuò)展CSS并將其編譯為常規(guī)CSS語法，以便可以通過Web瀏覽器讀取。
二、安裝步驟
1.首先在vscode中先安裝easy-less這個(gè)插件
在微信開發(fā)者工具中是沒有下載這個(gè)插件入口的，所以我們需要借助vscode來輔助微信開發(fā)者工具安裝less插件
2.接下來在vscode文件夾目錄下面找到Easy LESS 插件
1、一般的目錄都會(huì)是這個(gè)：C:\Users(用戶)\Administrator(用戶名)\ .vscode\extensions
2、找到mrcrowl.easy-less-2.0.0這個(gè)文件夾（可能你們的版本和我不一樣，這里沒啥影響）
3.打開微信開發(fā)者工具，進(jìn)行如下配置
1、打開如下圖1 設(shè)置–>擴(kuò)展設(shè)置；
2、找到如下圖2 編輯器擴(kuò)展–>打開編輯器擴(kuò)展面板；
3、點(diǎn)擊如下圖3 …–>從已解包的擴(kuò)展文件夾安裝；
4、接下來，找到步驟2中的mrcrowl.easy-less-2.0.0這個(gè)文件夾，如下圖3；
5、安裝成功后進(jìn)行配置，打開 設(shè)置–>Extension Settings，如下圖5、圖6、圖7；
6、添加如下圖8 代碼，可以將less自動(dòng)轉(zhuǎn)換為微信小程序識(shí)別的wxss文件。
4.使用插件
1、在page文件下新建 .less文件，輸入css代碼后保存，page文件下會(huì)自動(dòng)生成對(duì)應(yīng)的wxss文件
文章參考：https://blog.csdn.net/qq_40348833/article/details/124300655
總結(jié)
如果想安裝sass，步驟也是相似的啦~文章來源：http://www.zghlxwxcb.cn/news/detail-625908.html
以上就是今天分享的內(nèi)容啦~，希望大家多多點(diǎn)贊支持????????????文章來源地址http://www.zghlxwxcb.cn/news/detail-625908.html
到了這里，關(guān)于微信小程序：微信開發(fā)者工具安裝less插件的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![[微信小程序開發(fā)者工具] × #initialize](https://imgs.yssmx.com/Uploads/2024/02/506505-1.png)
