phpstorm、webstorm配置less編譯器

標籤：less   nodejs   web   配置   建立   ejs   tin   沒有   file   

1、 node.js 安裝包    https://nodejs.org/en/download/

1) 安裝js解析器node.js。直接下一步就ok了。2) 將npm壓縮包解壓，找到裡面的lessc.cmd檔案，放到c盤下一個沒有中文路徑的目錄下，我們假如是 C:\Users\admin\AppData\Roaming\npm 

 

 

 

2、開啟webstorm→file→settings→Tools→file watching

　　點擊“+”→less檔案→Program右側點擊“。。。”彈出對話方塊，選擇我們之前的檔案，然後確定。　　確定。

 

重要：

 

 

這兩個必須配置，scope是編譯範圍，要制定編譯那個檔案夾下的less，program是less執行檔案的地址，這兩個不配置，可能無法編譯less檔案

 

 

3、使用建立haley.less檔案，在html中進行引用 

 

 

 

 

 

 

 

參考文檔：http://www.cnblogs.com/haley168/p/webstorm_less.htm

其中，自己遇到的問題，是按照教程無法編譯less，後來發現是scope沒有配置，汗

 

phpstorm、webstorm配置less編譯器