在IDEA中配置less文件自动转换为css文件

如何在2022.3.3 IDEA中配置less自动转换css

1、安装插件File Watchers

2、命令行安装less

3、settings->tools->file watchers

4、双击less或点击+号

Program:填写刚才npm下载的lessc文件路径（注意为目标文件为lessc）

Arguments: $FileName$ $FileParentDir$/css/$FileNameWithoutExtension$.css --source-map

Output paths to refresh: $FileParentDir$/css/$FileNameWithoutExtension$.css.map

注意：这种填写方式仅适用于想要在根目录中生成css文件夹和less文件夹，在less文件夹中写less文件，并自动转换到css文件夹生成.css后缀文件和.map文件（需要生成到其他路径请自行查阅其他资料）

最终文件路径如下：