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