在Webstorm9.x中配置 Sass 和 Compass Watcher

一 ： 配置Compass Watcher

1 首先用 webstorm 打开创建的compass项目，然后依次选择：

1

File->Settings->File Watchers

点击右边的加号，选择 Compass SCSS 添加一个 watcher ：

2 在Program里面选择 ruby 安装路径的 bin 下面的 compass.bat ，然后将 Arguments 目录填入 compile $UnixSeparators($FilePath$)$ ，Working directory填入 $UnixSeparators($FileParentDir$)$ ，Output paths to refresh留空，保存之后就配置完成了。整个设置看起来将是这样的：

如果你的项目不是在根目录的话，还需要将 Working directory 配置为 $UnixSeparators($FileParentDir$)$ ，或者就直接把 Working directory 配置为 $UnixSeparators($FileParentDir$)$ 吧。

二 ： Sass 配置

    也可以修改css的输出路径等等（最后一张图）。