idea配置less自動編譯

參考: idea配置less自動編譯

1. 電腦安裝node.js環境；

window下直接上官網下載node.msi文件下載安裝即可
安裝完成后在命令行執行如下命令表明安裝成功

npm -v
node -v

2. 全局安裝less

npm install -g less

3. 配置idea

3.1 安裝nodejs插件

打開idea→settings→plugins安裝：nodejs插件，並按以下步驟進行配置：

安裝完畢后重啟idea

3.2 添加less組件

1. 打開idea→settings→Languages & Frameworks→Node.js and NPM；
2. 在打開的面板中點擊右側+加號按鈕添加需要的less組件（如果此處不能添加，請使用npm命令進行全局安裝）。

3.3 安裝file watchers插件

打開idea→settings→plugins安裝：file watchers插件，並按以下步驟進行設置：

安裝完后重啟idea

3.4 配置file watchers

1. 打開idea→settings→tools→file watchers；

2. 在打開的面板中點擊右側加號按鈕添加less配置，貌似插件自動就配置好了

以上步驟成功后，編輯less文件即可自動編譯成css文件。