安装ruby，webstorm配置sass、scss

1.首先从官网下载ruby，官网是国外网站网速时好时坏，什么时候下载好真的是拼运气。安装时候一定要注意勾选
Add Ruby executables to your PATH
这个是自动添加ruby到系统环境变量，如果没有勾选需要自己手动添加。
查看Ruby是否安装成功
ruby -v

2.安装sass
国内网络问题，需要使用gem来下载sass，直接输入命令：gem install sass
安装成功之后输入命令查看是否安装成功

补充：

最近再次安装sass时发现使用gem过程一直失败，查资料发现gem的国内源维护已更换，应该访问https://gems.ruby-china.com的源

//删除原gem源
gem sources --remove https://rubygems.org/

//添加国内gem源
gem sources --add https://ruby-china.com/

//可以打印看是否替换成功
gem sources -1
(如果更换成功打印如下：https://gems.ruby-china.com)

然后再执行 gem install sass 就可以成功安装了

3.webstorm配置sass
点击左上角找到file=>settings=>Tools=>File Watchers点击右上角加号就可以配置了

找到ruby及sass的安装路径添加就可以了

scss和sass同样的配置，但是注意两个都要配置！

4.配置完成之后在项目package.json中添加sass然后npm install就可以使用了

"devDependencies": {
    "sass": "^1.38.2",
    "node-sass": "^4.13.1",
    "sass-loader": "^4.1.1",
}

5.如果出现node-sass安装失败报错情况，可以使用淘宝镜像安装

npm i node-sass --save-dev_binary_site=https://npm.taobao.org/mirrors/node-sass/