使用webstorm自動編譯less檔案，省去了cmd的功夫。但是網上關於設定less目標css檔案的位置的設定比較少，我找了一段時間才找到，原作者寫的比較透徹了，我就不搬了，直接複製連結。感謝原作者。

希望新人能更方便的找到答案。

http://wrox.cn/article/100070637/

上面的連結沒法用了，

使用下面這個

http://www.cnblogs.com/caiyuan9426/p/4663199.html

時隔數月，再次配置lessc編譯，又花了好多時間。這次在深入總結一下。

這次主要記錄一下webstorm的less配置原理。

如圖所示，我們最初通過npm安裝less後，使用的編譯命令         lessc style.less style.css

對應webstorm中，Program中就是lessc.cmd的路徑，Arguments的引數就是後面的style.less style.css

下面解釋一下引數

直接從別人那拷貝過來

例如專案名為 project，less檔案我們放置在 project/public/less/manage/style.less

$FileParentDir(less)$ 是獲取 less 目錄的路徑，也就是 project/public

$FileDirPathFromParent(less)$ 是獲取 less 檔案到 less 目錄的路徑，也就是 manage

$FileNameWithoutExtension$ 是獲取 less 檔案不帶字尾的名字，也就是 style

經過如上拼接，生成的內容為 project/public/css/manage/style.css

就這樣，自己嘗試一次就好了。