IDEA自动编译less文件输出css

安装less

npm install less -g

webstorm配置

** file>settings
图片描述

**安装file watchers
如果没有file watchers,则需要到plugins先安装,安装过程如下:
图片描述

**file watchers
点击“+”号按钮找到less文件选项点击添加。(不需要填写,直接使用默认)

图片描述
图片描述

大功告成,在项目中新建less文件后,会自动编译成css文件。