1、首先要先安裝 less
npm i less -g
記下 lessc 的安裝路徑,如:
C:\Users\XXX\AppData\Roaming\npm\node_modules\less\bin\lessc
2、打開webstorm ,找到 File -> Settings -> Tools -> File Watchers
添加一個 less 選項
01
3、按照下圖填寫選項
02
選項說明:
Program : 填寫 node.exe 所在的目錄
Arguments: 選擇之前記錄的那個目錄下 lessc 文件所在的路徑, 后面加$FileName$,
Working directory:不用改,默認就好
Output...:就是指編譯后css的存放路徑,設置編譯后的css文件存放的路徑以及取什么名字以及后綴。默認就好