教你如何在pycharm中使用less
前端css中用到less,在pycharm中安裝配置less操作步驟如下:
1.點(diǎn)開(kāi)setting,在Plugins中搜索node.js(安裝less之前得安裝node.js),安裝成功后關(guān)閉重新打開(kāi)pycharm。
2.點(diǎn)開(kāi)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中編寫(xiě)如下代碼:
ctrl+s 保存之后,可以看到demo.css文件中自動(dòng)生成了如下代碼(自動(dòng)將less文件轉(zhuǎn)化為了css文件):
在html文件中引用編譯后的.css文件
保存html文件,在瀏覽器中打開(kāi)可看到body背景顏色已變成粉色:
到此這篇關(guān)于教你如何在pycharm中使用less的文章就介紹到這了,更多相關(guān)pycharm使用less內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Python讀取配置文件(config.ini)以及寫(xiě)入配置文件
這篇文章主要介紹了Python讀取配置文件(config.ini)以及寫(xiě)入配置文件,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-04-04關(guān)于如何把Python對(duì)象存儲(chǔ)為文件的方法詳解
本文將給大家介紹如何把Python對(duì)象存儲(chǔ)為文件的方法,pickle可以用二進(jìn)制表示并讀寫(xiě)python數(shù)據(jù),這個(gè)功能并不安全,如果把一個(gè)pickle暴露給別人,有被植入惡意程序的風(fēng)險(xiǎn),文中通過(guò)代碼給大家講解的非常詳細(xì),需要的朋友可以參考下2024-01-01pytorch中backward()方法如何自動(dòng)求梯度
這篇文章主要介紹了pytorch中backward()方法如何自動(dòng)求梯度問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-02-02零基礎(chǔ)寫(xiě)python爬蟲(chóng)之urllib2使用指南
urllib2是Python的一個(gè)獲取URLs(Uniform Resource Locators)的組件。他以u(píng)rlopen函數(shù)的形式提供了一個(gè)非常簡(jiǎn)單的接口,下面我們用實(shí)例講解他的使用方法2014-11-11利用python對(duì)月餅數(shù)據(jù)進(jìn)行可視化(看看哪家最劃算)
通過(guò)python對(duì)數(shù)據(jù)進(jìn)行可視化展示,可直觀地展示數(shù)據(jù)之間的關(guān)系,為用戶提供更多的信息,這篇文章主要給大家介紹了關(guān)于利用python對(duì)月餅數(shù)據(jù)進(jìn)行可視化的相關(guān)資料,看看哪家最劃算,需要的朋友可以參考下2022-09-09Python實(shí)現(xiàn)計(jì)算圖像RGB均值方式
這篇文章主要介紹了Python實(shí)現(xiàn)計(jì)算圖像RGB均值方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-06-06python中PS 圖像調(diào)整算法原理之亮度調(diào)整
這篇文章主要介紹了python中PS 圖像調(diào)整算法原理之亮度調(diào)整,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06