webstorm10 是自帶less的,不過要編譯的話,需要nodeJS的環境。
1.首先去nodeJS官網下載nodeJS,網址爲:https://nodejs.org/en/download/
請根據你自己的操作系統和內存進行選擇nodeJS的版本
2.安裝完畢後,window+r打開快捷運行命令窗口,輸入cmd;
3.再輸入node -v以及npm -v,分別輸出nodeJS及npm的版本,即表示nodeJS安裝成功,如圖:
4.接下來就可以安裝less了,命令提示符npm進入npm管理器,然後npm install less開始下載less,默認安裝目錄在用戶名\node_modules這裏面。
5.現在less安裝完畢了,咱們來配置一下webstorm
6.打開 file->settings->External Tools,點擊左上角的'+'號,進入對話框:
7.配置完成後,創建一個.less文件
8.一般第一次創建less文件的時候,webstorm會提醒你add file watchers,點擊進圖對話框:
9.基本上配置已經完成了.現在我們打開一個less文件進行代碼編寫,如果你的webstorm出現這樣結構:
則表示webstorm配置成功,接下來你就可以好好使用less來進行代碼的編寫了。