1.在webStrom 中新建 stylesheet ,類型選擇less
image.png
2.設(shè)置less watch
image.png
下面解釋一下各個(gè)參數(shù)的含義:
1.immediate file synchronization:
編譯less文件時(shí)类腮，實(shí)時(shí)編譯生成css文件酪惭。默認(rèn)是勾選的型酥，建議取消掉牍蜂，取消勾選后昭殉，less文件將在保存后 生成編譯 css文件练湿。
- propgram: 這里填寫lessc.cmd 的路徑虽风。 如果沒有全局安裝 less 嘁酿，可使用名稱：
cnpm install less -g
一般這個(gè)路徑廊镜，webstrom會(huì)自動(dòng)獲取到牙肝，沒有的話就手動(dòng)填寫
3.Argument：
–no-color $FileName$ 使用默認(rèn)的就好
這里的命令，可以參考 less 官方文檔嗤朴。
4.Output paths to refresh:
輸出配置配椭，我這里寫的是： ../css/$FileNameWithoutExtension$.css
意思是編譯后的css文件保存在 上一級(jí)的 css 目錄，文件名稱以 less原文件命名
