idea配置less自动编译

idea配置less自动编译：

1、电脑安装node.js环境；

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

QQ截图20161201180843.png

1）打开“idea”→“settings”→“Languages & Frameworks”→“Node.js and NPM”；

2）在打开的面板中点击右侧“+”加号按钮添加需要的“less”组件（如果此处不能添加，请使用npm命令进行全局安装）。

QQ截图20161201181901.png

3、打开“idea”→“settings”→“plugins”安装：“file watchers”插件，并按以下步骤进行设置：

QQ截图20161201180935.png

1）打开“idea”→“settings”→“tools”→“file watchers”；

2）在打开的面板中点击右侧加号按钮添加less配置，貌似插件自动就配置好了，如无配置，请参考《 webstorm10配置less编译环境 》。

3、安装 LESS CSS Compiler 插件，安装完成后无需进行任何配置；

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