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文件。