SCSS 安装和使用

一、安装 Ruby

1、安装 RVM

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

$ source ~/.rvm/scripts/rvm

查看是否安装成功：
$ rvm -v

列出已知的ruby版本
$ rvm list known

这个时候你可以测试是否正确

$ ruby -v
ruby 2.0.0p247 (2013-06-27 revision 41674) [x86_64-darwin13.0.0]

$ gem -v
2.1.6

这有可能是因为Ruby的默认源使用的是cocoapods.org，国内访问这个网址有时候会有问题，网上的一种解决方案是将远替换成淘宝的，替换方式如下：
$gem source -r https://rubygems.org/
$ gem source -a https://ruby.taobao.org

要想验证是否替换成功了，可以执行：

$ gem sources -l

正常的输出结果：CURRENT SOURCES
http://ruby.taobao.org/

到这里就已经把Ruby环境成功的安装到了Mac OS X上，接下来就可以进行相应的开发使用了。

二、安装 sass

sudo gem install sass

sudo gem install compass --pre

安装完成尝试查看sass版本
$ sass -v

三、运行
命令行

sass --watch style.scss:style.css --style compressed 

在 Intelj里面设置
在设置里找到 Setting -> Tools -> File Watchers -> Add -> SCSS -> Arguments 填入：
PS:如果没有File Watchers，到 Plugin 里面去搜索 File Watchers 安装。

--no-cache --update --compass  --style compressed $FileName$:../css/$FileNameWithoutExtension$.css

Output paths to refresh:

../css/$FileNameWithoutExtension$.css:../css/$FileNameWithoutExtension$.css.map

保存，修改 SCSS 文件并保存时会自动生成 CSS 文件到上级目录的 css/ 里对应的文件名

compass 需要安装：

gem install compass