webstorm自动编译sass的配置

1. 首先下载Ruby   点击下载   (写这篇文章的时候,安装的是 Ruby + Devkit 2.4.X ,根据个人情况选择64位或者32位

2. 使用Ruby安装Sass:

gem install sass

3. webstorm打开设置 File => Settings => Tools => File Watchers => 选择添加

webstorm自动编译sass的配置

Program选择Ruby安装目录下 bin 的 sass.bat

Arguments那一项添加最后  --trace ,注意添加的时候与前面要有空格

webstorm自动编译sass的配置

4. 编译的时候有报错:

webstorm自动编译sass的配置

找到Ruby的安装目录 : D:\software\Ruby24-x64\lib\ruby\gems\2.4.0\gems\sass-3.6.0\lib\sass\importers

打开    filesystem.rb  文件,找到下面这行代码:

webstorm自动编译sass的配置

更改为:

webstorm自动编译sass的配置