当前位置:首页>CSS>Sass>Sass安装

Sass安装

作者:微学网发布时间:2019-08-11 17:12:25

Sass安装简介

SassCompass都是基于Ruby编程语言的命令行工具。

要使用它们,你首先需要在电脑中安装Ruby,并对电脑的命令行操作有一个基本的理解。

Sass和Compass可以安装在WindowsMac OSLinux系统中。

在Windows中安装Sass

Windows系统并没有预置Ruby,因此如果你之前没有安装过Ruby,现在就需要进行安装。安
装Ruby只需要花费几分钟的时间。

1. 下载Ruby

ruby下载地址:https://rubyinstaller.org/downloads/

如果是64位操作系统建议下载最新版本:Ruby+Devkit 2.6.3-1 (x64)

注意:安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量。

2. 安装是否成功的检测

安装完成后需测试安装有没有成功,运行CMD输入以下命令:

ruby -v

如果出现版本号2.6相关字样,则安装成功

3. 更换gem源

因为国内网络的问题导致gem源间歇性中断因此我们需要更换gem源。
使用淘宝的gem源 https://ruby.taobao.org
如下操作:

//1.删除原gem源
gem sources --remove https://rubygems.org/

//2.添加国内淘宝源
gem sources -a https://ruby.taobao.org/

//3.打印是否替换成功
gem sources -l

//4.更换成功后打印如下
*** CURRENT SOURCES ***
https://ruby.taobao.org/

4. 使用RubyGems安装软件

Ruby自带一个叫做RubyGems的系统,用来安装基于Ruby的软件。我们可以使用这个系统来 轻松地安装SassCompass。要安装最新版本的SassCompass,你需要输入下面的命令:

//安装如下(如mac安装遇到权限问题需加 sudo gem install sass)
gem install sass
gem install compass

在每一个安装过程中,你都会看到如下输出:

Fetching: sass-3.x.x.gem (100%)
Successfully installed sass-3.x.x
Parsing documentation for sass-3.x.x
Installing ri documentation for sass-3.x.x
Done installing documentation for sass after 6 secon
1 gem installed

5. 确认是否安装成功

安装完成之后,你应该通过运行下面的命令来确认应用已经正确地安装到了电脑中:

sass -v
Sass 3.x.x (Selective Steve)
compass -v
Compass 1.x.x (Polaris)
Copyright (c) 2008-2015 Chris Eppstein
Released under the MIT License.
Compass is charityware.
Please make a tax deductable donation for a worthy cause: http://umdf.org/compass

6. 常用帮助命令

如下sass常用更新、查看版本、sass命令帮助等命令:

//更新sass
gem update sass

//查看sass版本
sass -v

//查看sass帮助
sass -h

在Mac OS中安装Sass

1. 可能不需要安装Ruby

一段时间以来, MAC OS X系统中都默认安装有Ruby,因此你可能并不需要进行安装。

2. 安装Sass

打开MAC OS 终端窗口,同Windows安装方式一致

在Linux中安装Sass

1. 安装Ruby

如果你的电脑中没有安装Ruby,使用Linux发布版本的软件安装机制来安装Ruby

2. 安装Sass

打开MAC OS 终端窗口,同Windows安装方式一致

推荐文章