phpstorm中指南针的文件观察器答案

【问题标题】：File watcher for compass in phpstormphpstorm中指南针的文件观察器
【发布时间】：2015-01-16 06:41:39
【问题描述】：

我最近一直在与 phpstorm 文件监视程序作斗争。我正在尝试设置一个 Compass scss 文件观察程序来使用此文件夹结构

project
    themes
        default-bootstrap
            sass
               modules
               etc
            css
               modules
               etc

如您所见，“sass”文件夹中的文件夹应该镜像到“css”文件夹中。我只是不知道我应该在参数、工作目录、输出路径框中放入什么：/ 以使其正常工作：/ 我'已经创建了从“default-bootstrap”文件夹中递归包含的范围，仅此而已。我不知道接下来会发生什么：/

例如，当我在 modules 文件夹中编辑一些 scss 文件时，我希望 phpstorm 将其编译到 css/modules 文件夹中。我在 phpstorm 中安装和配置了 ruby、sass 和 compass

谁能帮帮我？ Jetbrains 的文档在这里并没有真正的帮助 ://

【问题讨论】：

就我而言，compass watcher 中的项目路径不正确（phpstorm 的 watcher）

标签： css sass compass-sass phpstorm file-watcher

【解决方案1】：

我的 SCSS 观察器设置基于你的结构：

Scope: Project Files
Program: PATH_TO_COMPASS
Arguments:  --no-cache --update $FileName$:$ProjectFileDir$/themes/default-bootstrap/css/$FileNameWithoutExtension$.css
Working directory: $ProjectFileDir$/themes/default-bootstrap/sass
Output paths to refresh: $ProjectFileDir$/themes/default-bootstrap/css/$FileNameWithoutExtension$.css

$ProjectFileDir$ 等价于/home/{username}/{projects_path}/project

【讨论】：

这个设置会导致这个 /usr/bin/compass --no-cache --update global.scss:/Users/deepress/Sites/Surfstore-presta 1.6/themes/default-bootstrap/ css/global.css 错误：无效选项：--no-cache 进程以退出代码 1 结束
你能解释一下这个语法中的“：”是什么意思吗？
我不知道是什么意思，是默认的。我正在使用 sass-lang.com，上面的设置对我有用。尝试将其放入参数中： compile $FileName$:$ProjectFileDir$/themes/default-bootstrap/css/$FileNameWithoutExtension$.css
试过了，但我得到“各个样式表必须在同一目录中”
你的 config.rb 是什么样的？ '--no-cache --update' 不是有效的指南针选项。我通常使用 $FilePath$ 作为“参数”字段值

【解决方案2】：

我的 SASS 观察程序设置（工作:-)），基于您的路径结构：

Arguments: --update $FileName$:$ProjectFileDir$/themes/default-bootstrap/css/$FileDirPathFromParent(sass)$$FileNameWithoutExtension$.css

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

Working directory: $FileDir$

【讨论】：