webstrom配置less自動生成css

前言:

        在使用webstrom時老是希望他可以幫我們自動編譯css文件,這裏來說一下在webstrom中配置less文件,從而使我們的webstrom可以幫我們自動把less文件編譯爲css文件

步驟一:全局安裝一個less

npm i less -g

步驟二:打開我們的剛剛下載的less,拷貝路徑

打開  C:\Users\sdkj\AppData\Roaming\npm   這裏的sdkj改成你自己電腦的名字

步驟三:setting-->輸入框搜索 File Watchers 點擊右上角的+

這裏的Arguments是放在你當前less文件同級目錄底下的

如果你想放在外面的css文件夾底下,把Arguments 改成下面這個

$FileName$ $FileParentDir$\css\$FileNameWithoutExtension$.css

圖3

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章