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