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的配置

相关文章:

  • 2021-11-29
  • 2019-12-14
  • 2021-09-02
  • 2021-09-07
  • 2018-12-21
  • 2017-12-06
  • 2021-08-16
  • 2018-04-22
猜你喜欢
  • 2021-10-03
  • 2021-10-03
  • 2021-09-29
  • 2021-11-02
  • 2019-11-03
  • 2018-09-17
  • 2019-05-16
  • 2021-08-02
相关资源
相似解决方案