WebStorm—scss转css配置

一、命令行中配置

1.下载ruby，地址：http://rubyinstaller.org/downloads/

2.验证是否安装正确：命令行中，ruby -v

3.scss文件目录下，在命令行中，sass --watch 文件名.scss:文件名.css。

二、WebStom中配置Water

1.参考链接：http://www.jianshu.com/p/0fe52f149cab  

2.Arguments:配置编译后的文件的输出路径

       --no-cache --update --sourcemap --watch $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css

注意: $FileName$后面有个冒号;

         $FileParentDir$表示的是scss文件所在的文件夹的父级文件夹,而不是scss文件的父文件夹.

   Output paths to refresh:

改成:$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map