使用PHPStorm在Windows上使用SASS进行开发

Question

我在Windows上运行PHPStorm IDE.

我想开始使用Zurb Foundation并使用SCSS编写我的样式表.我需要安装Ruby或Compass才能这样做吗？

有没有办法让PHPStorm在编辑.scss文件的时候在我的项目中(在每个项目的自定义路径中)为我自动编译.css样式表？

我已经看过这个http://www.jetbrains.com/phpstorm/webhelp/transpiling-sass-less-and-scss-to-css.html,但看起来是针对unix系统的说明,而我运行的是Windows.

到目前为止,我做了以下事情:

1. 我已经安装了http://rubyinstaller.org/然后
2. 在ruby/bin文件夹中成功安装了sass和指南针gems
3. 在此之后,我指出了PHPStorm中的项目设置并告诉了在哪里寻找指南针

此时该怎么办？使用Compass变量为我的项目定义config.rb,以查找SASS文件的位置以及编译它们的位置？我还该怎么办？

Answer 1

如果你没有使用特定于罗盘的东西,比如它的特定功能和mixins,我建议使用SASS转换器从SCSS创建CSS.

SCSS文件观察器设置相当简单,您不需要创建任何rb文件.

就像是:

Program: C:\Ruby193\bin\scss.bat
Arguments: --no-cache --update $FileName$:$FileNameWithoutExtension$.css
Working directory: $FileDir$
Output paths: $FileNameWithoutExtension$.css

请注意,正如@LazyOne所提到的,您需要C:\Ruby193\bin在PATH中使用它.