一、安装 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