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

IT民工一枚,求各种打赏!