前端css中用到less，在pycharm中安裝配置less操作步驟如下：

1.點(diǎn)開setting，在Plugins中搜索node.js（安裝less之前得安裝node.js），安裝成功后關(guān)閉重新打開pycharm。

2.點(diǎn)開pycharm左下角的Terminal，輸入 npm install -g less ，安裝less：

3、檢查是否安裝成功，執(zhí)行命令”lessc -v”查看版本：
（正常執(zhí)行命令之后應(yīng)該會(huì)看到less版本號(hào)信息，但是我的pycharm不知道為什么報(bào)如下截圖錯(cuò)誤，但是不影響后續(xù)正常使用）

4、在pycharm中新增less：

5、測(cè)試在pycharm中創(chuàng)建less文件并使用：

點(diǎn)擊【ok】之后生成如下結(jié)構(gòu)文件：

在demo.less中編寫如下代碼：

ctrl+s 保存之后，可以看到demo.css文件中自動(dòng)生成了如下代碼（自動(dòng)將less文件轉(zhuǎn)化為了css文件）：

在html文件中引用編譯后的.css文件

保存html文件，在瀏覽器中打開可看到body背景顏色已變成粉色：

到此這篇關(guān)于教你如何在pycharm中使用less的文章就介紹到這了,更多相關(guān)pycharm使用less內(nèi)容請(qǐng)搜索本站以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持本站！

版權(quán)聲明：本站文章來(lái)源標(biāo)注為YINGSOO的內(nèi)容版權(quán)均為本站所有，歡迎引用、轉(zhuǎn)載，請(qǐng)保持原文完整并注明來(lái)源及原文鏈接。禁止復(fù)制或仿造本網(wǎng)站，禁止在非maisonbaluchon.cn所屬的服務(wù)器上建立鏡像，否則將依法追究法律責(zé)任。本站部分內(nèi)容來(lái)源于網(wǎng)友推薦、互聯(lián)網(wǎng)收集整理而來(lái)，僅供學(xué)習(xí)參考，不代表本站立場(chǎng)，如有內(nèi)容涉嫌侵權(quán)，請(qǐng)聯(lián)系alex-e#qq.com處理。