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

Mac 安装SASS流程 及可能遇到的问题_第1张图片
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

你可能感兴趣的:(Mac 安装SASS流程 及可能遇到的问题)