原文 http://a317222029201405212739.iteye.com/blog/2174140 引自 http://www.tuicool.com/articles/aeye6rY less大家都知道是什麼了,現在比較流行的編譯器就是koala nodejs來解決。koala就不多說 ...
原文 http://a317222029201405212739.iteye.com/blog/2174140
引自 http://www.tuicool.com/articles/aeye6rY
less大家都知道是什麼了,現在比較流行的編譯器就是koala nodejs來解決。koala就不多說了 好用也簡單 只是換項目之後配置一下就行,今天我就講下用 Nodejs 怎麼來編譯,我下麵說的是針對 webstorm配合。
1,下載nodejs,並且安裝,配置下環境變數。
安裝成功結果
2,安裝less
在cmd中輸入
npm install less -g
less安裝結果,記一下那個路徑,後面會有用。
3,在webstorm裡面配置less.
打開webstorm——File——Settings——Tools——File Watchers,點那個綠色的+ 按鈕
我解釋下上面的內容。
program : 選擇node.exe所在的目錄
Arguments: 選擇之前記錄的那個目錄下 lessc 文件所在的路徑, 後面加$FileName$,
Working directory:不用改
Output...:就是指編譯後css的存放路徑,後面有個insert..的按鈕,自己摸索吧,這個地方就是設置編譯後的css文件存放的路徑以及取什麼名字以及尾碼。我就不多說了,大家自己玩玩就知道了。
謝謝大家