jetbrains IDE配置scss，解读配置界面 - jetbrains官方文档 (IDEA WebStorm PhpStorm)

• 根据官方文档解释，scss的编译需要新建一个File Watcher
• 安装完scss之后在这里配置File Watcher
  
• 参数的官方解释
  • program：配置监听程序的可执行文件的路径
  • arguments：命令的参数参数 --no-cache $FileName$:$FileNameWithoutExtension$.min.css --style compressed 这是用来生成min.css和min.css.map的命令
  • output paths to refresh：刷新输出目录，不是输出目录，输出目录在arguments中指定。这个目录是告诉IDE命令输出的文件在哪里，IED会及时刷新这个文件(类似于我们自己点刷新)。配置的是$FileDir$，当前文件目录，因为我命令的输出文件就是当前文件目录。
    • (其实不配置也没事，jetbrains产品对目录的自动刷新速度还可以，自己试了一下，不配置的话平均2-3s能自动刷新出来，配置之后无延迟)
    • $FileDir$是宏命令，可以点后边的+号查看对应意思
  • working directory：指定这个File Watcher的工作目录，即在哪里使用这个File Watcher。$FileDir$代表当前文件目录，即你正在操作的文件目录，意味着你正在操作的文件目录就是File Watcher监听的目录
    

---

😁欢迎加入QQ群交流： [游戏-Web-开发技术栈 ☄️] '300567032’
点击下方图标一键加入！

---