SASS安装和WebStorm的配置

注意：mac上自带ruby环境一般不用安装

安装SASS

1.安装rvm

sudo curl -L https://get.rvm.io | bash -s stable

安装完成后执行脚本让rvm生效

sudo source ~/.rvm/scripts/rvm

查看rvm版本出现版本号则安装成功

rvm -v

2.用rvm安装ruby

sudo rvm install ruby-2.0.0-p648

安装完后查看下gem版本

gem -v

3.用gem安装sass

把gem地址改成国内淘宝镜像地址

gem sources --remove https://rubygems.org/
# 如果你系统不支持https用http
gem sources -a https://ruby.taobao.org/ 
gem sources -l
https://ruby.taobao.org# 请确保只有 ruby.taobao.org
gem install sass

如果出现下面错误

`ERROR: While executing gem ... (Errno::EPERM)

Operation not permitted - /usr/bin/sass`

尝试下面方法

$ sudo gem install -n /usr/local/bin sass

查看下sass

sass -v

如果出现下面错误

sass command not found

重复第一步骤重新下载ruby

使用SASS

设置webstorm

1.先查看sass安装路径

which sass

2.设置webstorm
打开WebStorm->preferences

3.搜索File Watchers

4.点击+号新建个scss进去里面修改Program:修改成第一步你查找到的地址

5.新建scss,你可以看到对应生成了css