webstorm下搭建編譯less環境

webstorm自帶less，不過要編譯的話需要nodejs環境。

1. 首先去node的主頁下載對應版本的nodejs然后安裝，下載地址：http://nodejs.org/
2. 安裝完之后打開命令提示符（win+r）,分別輸入node -v以及npm -v如果返回版本號說明你安裝成功了。
3. 接下來就可以安裝less了，命令提示符npm進入npm管理器，然后npm install less開始下載less，默認安裝目錄在用戶名\node_modules這里面。
4. 到這里less安裝完畢了，接下來配置webstorm。
5. 打開webstorm的file->settings ->External Tools，點擊左上角的“加號”標志add，進入對話框
6. 
7. Name你可以隨便填，這里比較重要的是parameters，他指定lessc編譯器的地址以及輸出文件的地址，格式是："lessc的地址" $FilePath "編譯的地址（變量表示）"，如果像我這里寫的話(C:\Users\Touch-X\node_modules\less\bin\lessc $FilePath$ $FileDir$\$FileNameWithoutExtension$.css)，他會默認編譯到根目錄。
8. 然后你可以為這個編譯器指定一個快捷鍵，我使用的是ALT + B
9. 
10. 之后打開一個.less后綴名的文件，快捷鍵編譯，如果webstorm底部狀態控制器顯示 Process finished with exit code 0 ，那么恭喜你，大功告成！