PhpStorm SCSS-文件监视程序设置

Question

我有这样的结构：

我在哪里尝试设置SCSS文件查看器。

这是我当前的选择：

我的目标是编译

../scss/style.scss到../css/style.css

../scss/user/profile.scss到../css/user/profile.css

如何在文件监视程序中设置我的设置以实现此模式？

Answer 1

如果您的项目可行，请考虑使用罗盘编译您的scss 。 通过这种方式，无论scss目录中的文件结构如何，编译后都会将此结构镜像到css目录中。 设置非常容易，还有一个很好的阅读指南： PhpStorm /在Compass项目中使用SASS和SCSS

基本上，您需要：

1. 安装指南针： gem install compass
2. cd到public\\themes\\701目录并运行compass init ，将在此处创建配置文件config.rb ，编辑此配置以反映您的目录结构

3. 在设置中启用指南针支持：

   文件>设置>语言和框架>指南针

4. 现在如图所示设置File Watcher：

$ProjectFileDir$\\public\\themes\\701是带有config.rb文件的目录的完整路径。

这将根据要求将scss文件编译到css目录。