前言:
在使用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