Mac 安装SASS流程 及可能遇到的问题

Snip20161111_41.png

前言：

CSS是一种脚本语言, 不能够使用变量, 没有条件语句, 只是一条条单纯的描述语句, 代码重复度极高
有了变革的需求之后, 就有大牛将编程元素加入进来, 就是后来的 CSS预处理器
其中SASS就是其中非常好的 预处理软件 之一.

安装SASS：

Sass是用Ruby语言写的，但是两者的语法没有关系，所以学 Sass 不用学 Ruby，只是必须先安装Ruby，然后再安装Sass
Linux和Mac已自带Ruby，不用再安装。

1. 验证Ruby是否安装成功

ruby -v

或者

ruby --version

如果输出Ruby版本号，则表示安装成功

2. 安装SASS

2.1 在命令行输入下面的命令

gem install sass

2.1.1 如果是Mac的话可能会遇到这样的问题：问题1：

ERROR: While executing gem ... (Gem::FilePermissionError)
You don't have write permissions for the /Library/Ruby/Gems/2.0.0 directory.

这是因为没有管理员权限.png

执行 sudo gem install sass -> 回车 -> 输入密码 即可：

 sudo gem install sass

2.1.2 紧接着可能会遇到第2个问题：

ERROR: While executing gem ... (Errno::EPERM)
Operation not permitted - /usr/bin/sass

解决办法：(即 Mac 可直接使用此命令安装SASS)

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

2.2 这样Sass就安装成功了。检测是否安装成功

sass -v

或者

sass --version

如果输出Sass版本号，则表示安装成功

可以使用以下命令更新Sass版本

sudo gem update sass