webstorm10 配置less

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來進行代碼的編寫了。



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章