webstorm編譯

『壹』 webstorm 配置less編譯file watcher，program這個該怎麼填

1、 打開Nodejs官ejs.org/，點「DOWNLOADS」,點64-bit下載「node-v0.10.33-x64.msi」。

2、 下載好後，雙擊「node-v0.10.33-x64.msi」，按照默認選項安裝Nodejs，默認安裝路徑為：C:\Program Files\nodejs。

3、 「開始」-->cmd,打開cmd程序，輸入「node -v」,出現」 v0.10.33」; 輸入「npm -v」,出現」 1.4.28」,說明Nodejs和npm都已安裝成功。

4、「開始」-->cmd,打開cmd程序，輸入「cd C:\Program Files\nodejs」,進入nodejs安裝目錄。輸入npm install less -g 回車，安裝less組件。稍等片刻，完成後，你會發現C:\Users\wind\AppData\Roaming\npm\node_moles 目錄下有less組件。

『貳』 webstorm 編譯 scss 文件報錯

打開webstorm創建空項目，點擊「File」菜單選擇「Setting」，搜索「watcher」關鍵字，

點擊右邊綠色加號，選擇「SCSS」文件類型。

輸入監視文件類型名稱(隨便寫)，關鍵第二個選項，一定要選擇ruby安裝目錄bin文件下的scss.bat文件

最後，創建.scss文件輸入scss css代碼，保存後會生成後綴.css文件，就可以了。