webstorm配置scss的小结

1)安装ruby 

2)安装sass

3)配置webstorm

打开webstrom ->file->setting->Tools->file watcher
添加scss 
 
program:C:\Ruby22-x64\bin\scss.bat

arguments:默认的是在scss目录中生成css,如果要改变路径就需要进行配置(这里配置的是父级目录的skin/view/css)
--no-cache--update $fileName$:$FileParentDir$\skin\view\css\$FileNameWithoutExtension$.css

output paths to refresh :配置你的css目录（最终只有一个css）

可能会出现的异常：

1）安装sass失败

进入https://rubygems.org/gems/sass 下载sass,至本地

gem install 拖入你下载的sass

再一次进行配置

 

转载于:https://www.cnblogs.com/evaling/p/8176304.html