一 : 配置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的输出路径等等(最后一张图)。