教你如何在pycharm中使用less
更新時間：2021年10月27日 17:49:03 作者：li_huizhen
這篇文章主要介紹了如何在pycharm中使用less,操作步驟真的很簡單，本文通過圖文并茂的形式給大家詳細介紹，需要的朋友可以參考下
前端css中用到less，在pycharm中安裝配置less操作步驟如下：
1.點開setting，在Plugins中搜索node.js（安裝less之前得安裝node.js），安裝成功后關(guān)閉重新打開pycharm。
2.點開pycharm左下角的Terminal，輸入 npm install -g less ，安裝less：
3、檢查是否安裝成功，執(zhí)行命令”lessc -v”查看版本：
（正常執(zhí)行命令之后應該會看到less版本號信息，但是我的pycharm不知道為什么報如下截圖錯誤，但是不影響后續(xù)正常使用）
4、在pycharm中新增less：
5、測試在pycharm中創(chuàng)建less文件并使用：
點擊【ok】之后生成如下結(jié)構(gòu)文件：
在demo.less中編寫如下代碼：
ctrl+s 保存之后，可以看到demo.css文件中自動生成了如下代碼（自動將less文件轉(zhuǎn)化為了css文件）：
在html文件中引用編譯后的.css文件
保存html文件，在瀏覽器中打開可看到body背景顏色已變成粉色：
到此這篇關(guān)于教你如何在pycharm中使用less的文章就介紹到這了,更多相關(guān)pycharm使用less內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Python報錯AssertionError:can only test a c
這篇文章主要介紹了Python報錯AssertionError:can only test a child proc問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-09-09
這篇文章主要介紹了python數(shù)組過濾實現(xiàn)方法,涉及Python針對數(shù)組的相關(guān)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
Python?HMAC模塊維護數(shù)據(jù)安全技術(shù)實例探索
本篇博客將帶領(lǐng)讀者深入探索Python中HMAC模塊的高級應用,通過豐富的示例代碼和詳細的解釋,揭示HMAC在實際應用場景中的多面光芒,從基礎(chǔ)概念到密碼存儲、文件完整性驗證、API安全,再到與加密算法的巧妙結(jié)合2024-01-01
Python中命令行參數(shù)argparse模塊的使用
argparse是python自帶的命令行參數(shù)解析包，可以用來方便的服務命令行參數(shù)。本文將通過示例和大家詳細講講argparse的使用，需要的可以參考一下2023-02-02
這篇文章主要介紹了Python裝飾器原理與用法,結(jié)合實例形式分析了Python裝飾器的概念、原理、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下2018-04-04
這篇文章主要介紹了pandas去重復行并分類匯總的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-01-01
這篇文章主要為大家詳細介紹了python計算日期之間的放假日期，實現(xiàn)自動查詢節(jié)日，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-06-06
這篇文章主要介紹了pandas處理csv文件的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-10-10
今天小編就為大家分享一篇python釘釘機器人運維腳本監(jiān)控實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-02-02
這篇文章主要為大家詳細介紹了opencv實現(xiàn)文檔矯正功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08