1. 程式人生 > >npm安裝less,並在webstrom中配置

npm安裝less,並在webstrom中配置

技術 tor 搭建配置 不用 less 對話 pos 成了 node.js

用過less的都知道,它比css更方便快捷。npm安裝less都有哪些步驟呢?

1、先安裝node.js,並配置環境變量(盡量不要裝在C盤)

2、再安裝less,此時無需安裝npm,因為新版的nodejs已經集成了npm,所以無需再單獨下載,直接在命令行輸入npm install -g less 然後回車即可;然後等待安裝完成。

出現如圖所示,表示安裝成功

技術分享圖片

3、配置webstrom,打開webstorm,找到file-settings-Tools-File watchers;點擊右邊的+號,添加less監視,彈出對話框,如安裝成功,webstorm會自動配置路徑,不用改對話框內容,直接OK就好。到此less編譯器就搭建配置完畢,可以在webstorm中使用less語言了,只要改動並保存less文件,webstorm就會自動編譯完成,非常的方便。

技術分享圖片

自此,less就配置好了,可以直接上手用了。

npm安裝less,並在webstrom中配置