webstorm增長less開發插件

原文  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文件存放的路徑以及取什麼名字以及後綴。我就很少說了，你們本身玩玩就知道了。

謝謝你們