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