idea配置less自动编译

文章正文还需 3 分钟

电脑安装node.js环境；

window下直接上官网下载node.msi文件下载安装即可
安装完成后在命令行执行如下命令表明安装成功

js 复制代码

npm -v
node -v

全局安装less

js 复制代码

npm install -g less

配置idea

安装nodejs插件

打开idea→settings→plugins安装：nodejs插件，并按以下步骤进行配置：

安装完毕后重启idea

添加less组件

打开idea→settings→Languages & Frameworks→Node.js and NPM；
在打开的面板中点击右侧+加号按钮添加需要的less组件（如果此处不能添加，请使用npm命令进行全局安装）。
3.3 安装file watchers插件
打开idea→settings→plugins安装：file watchers插件，并按以下步骤进行设置：

安装完后重启idea

3.4 配置file watchers
打开idea→settings→tools→file watchers；

在打开的面板中点击右侧加号按钮添加less配置，貌似插件自动就配置好了

以上步骤成功后，编辑less文件即可自动编译成css文件。