Pycharm配置less编译生成的css文件到指定目录

一、当前演示项目目录

二、标记less文件夹为资源目录

不标记其实也不影响

三、打开File Watchers(文件监视器)

• 在主菜单中选择 "File"(文件)> "Settings"(设置)(Windows/Linux)或 "PyCharm"(Windows)/ "Preferences"(Mac)
• 或者使用快捷键 "Ctrl + Alt + S"(Windows/Linux)或 "Command + ，"(Mac)打开设置对话框。
• 在设置对话框中，找到并选择 "Tools"(工具)> "File Watchers"(文件监视器)

四、添加less文件监视

五、less文件监视配置

• 配置program(我是把npm安装的less添加到了环境变量path里了的)
• 配置arguments,就是把当前目录下xx文件 编译生成到指定目录下去

如果不想生成map文件的话，就可以不用加上--source-map

--no-color $FileDir$/$FileName$ $FileParentDir$/css/$FileNameWithoutExtension$.css --source-map

• 配置output paths to refresh(刷新目录)$FileParentDir$/css/$FileNameWithoutExtension$.css:$FileParentDir$/css/$FileNameWithoutExtension$.css.map

六、测试