Html PhpStorm SCSS-文件监视程序设置

我有这样的结构：

我正在尝试设置SCSS文件监视程序的位置

以下是我目前的选择：

我的目标是编译

。/scss/style.scss

至

。/css/style.css

。/scss/user/profile.scss

至

。/css/user/profile.css

---

<强>如何在文件监视器中设置我的设置来实现这个模式？< /强>

如果您的项目是可能的，请考虑使用<强>罗盘< /强>编译您的<代码> SCSS。通过这种方式，无论编译后

scss

目录中的文件结构如何 将此结构镜像到

css

目录中。 设置起来很容易，还有一本很好的指南：

基本上你需要：

安装指南针：

gem安装指南针

cd到

public\themes\701

目录并运行

compass init

，将在此处创建配置文件

config.rb

，编辑此配置以反映目录结构

在以下设置中启用指南针支持：

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

现在设置文件查看器，如图所示：

$ProjectFileDir$\public\themes\701

是带有

config.rb

文件的目录的完整路径

这将根据请求将

scss

文件编译到

css

目录