webstorm自帶less,不過要編譯的話需要nodejs環境。
- 首先去node的主頁下載對應版本的nodejs然後安裝,下載地址:http://nodejs.org/
- 安裝完之後打開命令提示符(win+r),分別輸入node -v以及npm -v如果返回版本號說明你安裝成功了。
- 接下來就可以安裝uglify了,命令提示符sudo npm install uglify-js -g 開始下載uglify,默認安裝目錄在用戶名\node_modules這裏面。
- 到這裏less安裝完畢了,接下來配置webstorm。
- 打開webstorm的file->settings ->External Tools,點擊左上角的“加號”標誌add,進入對話框
- program裏設置的是uglify的路徑,這裏的目錄可以參考截圖中紅框中的目錄,他會默認編譯到根目錄。例如:/Users/xx/node_modules/uglify-js/bin/uglifyjs
- 這時候設置arguments:$FileName$ -o $FileNameWithoutExtension$.js,然後在output選項裏設置輸出路徑:$FileNameWithoutExtension$.js
- 這個時候大功告成!