Sass/Scss 学习总结(一) 之 安装 Sass 环境

Sass 是对 CSS 的扩展,让 CSS 语言更强大、优雅。它允许你使用变量、嵌套规则、mixins、导入等众多功能,并且完全兼容 CSS 语法。 Sass 有肋于保持大型样式表结构良好,同时也让你能够快速开始小型项目,特别是在搭配 Commpass 样式库一同使用时。


安装

本学习教程是在 Mac 下运行的,所以安装以 Mac 为主。因为 Sass 依赖于 Ruby 环境,所以装 Sass 之前先确认安装了 Ruby,一般 Mac 都会自带安装  Ruby 的,如果没有安装直接用 brew 安装即可,如:

brew install ruby


一、安装好 Ruby 之后,然后就可以安装 Sass 了,使用以下命令安装 Sass

sudo gem install sass

特别说明一下,由于国内网络原因,导致 rubygems.org 经常访问失败,可能用上面的命令有时候并不能安装成功,这时候,我们可以通过 game sources 命令来配置安装源,先移除默认的 https://rubygems.org源,然后添加淘宝的源 https://ruby.taobao.org/,然后查看下当前使用的源是哪个,如果是淘宝的,则表示可以输入 sass 安装命令 gem install sass 了,配置源的方法如下:

$ gem sources --remove https://rubygems.org/
$ gem sources -a https://ruby.taobao.org/
$ gem sources -l
*** CURRENT SOURCES ***

https://ruby.taobao.org
$ gem install sass


二、还可以从 Sass 的 https://github.com/sass/sass 下载来安装,git 的命令为

git clone https://github.com/sass/sass.git
cd sass
rake install


升级

通过上面安装好之后,我们可以查看当前安装的版本

wangning-mac:~ wangning$ sass -v

升级 Sass 版本的命令行为

wangning-mac:~ wangning$ gem update sass

你他可以运行帮助命令来查看你需要的命令

sass -h

好了,今天就先把环境给配置好,明天继续学习语法~~~


未经允许不得转载:易读小屋  »  Sass/Scss 学习总结(一) 之 安装 Sass 环境