[Java知识库]2021新版IDEA设置less自动编译成css

标题IntellJ idea(IDEA)实时编译less方法

• 安装node.js
  下载地址：http://nodejs.cn

• IDEA安装NodeJs的插件

• 命令行使用npm安装less
  npm install -g less
  这一步如果不安装，设置自动编译时会找不到lessc.exe

• IDEA 安装 File watchers 插件

• 打开IDEA的file → settings → Tools → file watchers

• 选择‘+’ 选择添加less 编译文件，如下图：
  

• 出现这个页面后直接可以点击‘ok’即可，默认值编译后的文件路径与less文件同一路径下，名称与less文件相同，less名称为style.less，如下图：
  

• 由于IDEA中修改less文件会造成自动保存，这样file watcher会检测到自动保存，

• 从而实时把less编译成css