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