Sass安装步骤

在使用Sass之前,我们需要配置一下Sass的开发环境。这一节给大家介绍一下Sass的安装、更新和卸载。

一、Sass的安装

由于Sass是使用Ruby编写的,所以我们在使用Sass之前需要安装一下Ruby。下面是Windows平台的安装步骤。对于Mac平台,请查看这里:Mac平台安装Sass

【步骤1“下载Ruby”】:大家到Ruby的官网(http://rubyinstaller.org/downloads)下载最新版本的Ruby版本,这里我们下载的是“Ruby2.3.1”。

Ssss的安装

【步骤2“安装Ruby”】:下载好“Ruby2.3.1”之后,点击安装即可。在安装的时候,我们需要注意2点:(1)安装路径建议选择C盘;(2)安装到下面这一步时,一定一定要选择第2项,不然就会安装失败:

Ssss的安装

【步骤3“下载Sass”】:安装好“Ruby2.3.1”之后,然后到这个页面(https://rubygems.org/gems/sass)上面把“Sass安装包”下载下来。我们可以在这个网页右栏找到“下载”这两个字,点击即可下载:

Ssss的安装

【步骤4“打开Ruby命令端”】:在电脑的左下方点击“开始”→“所有程序”→“Ruby 2.3.1” →“Start Command Prompt with Ruby”:

Ssss的安装

【步骤5】:打开Ruby命令终端之后,输入下面这个指令,把Sass安装包拖到命令指定位置会生成指定路径,然后点击“Enter回车”即可安装,如图所示:

gem install <这里把Sass安装包拖进来>

Ssss的安装

【步骤6】:上面的步骤都完成后,我们需要检查Sass是否安装成功。检查的方法很简单,我们在命令终端使用“sass -v”指令,按回车后,如果显示“Sass 3.4.22 <Selective Steve>”的字样就说明Sass安装成功:

Ssss的安装

 

二、Sass的更新

Sass版本会不断更新,不过更新Sass并不需要像其他软件那样每次更新都需要卸载,然后再重装。在Sass中,每次更新版本,我们只需要在命令终端输入一个指令即可:

gem update sass

点击“Enter”键后,如果显示下图信息“Nothing to update”,说明Sass已经更新到最新版本了:

Ssss的安装

 

三、Sass的卸载

在使用Sass的过程中,有时候我们会碰到一些无法解决的问题,这个时候就需要卸载Sass再重新安装Sass了。在Sass中,每次卸载,我们也只需要一个指令就能解决:

gem uninstall sass

输入命令,点击“Enter”键后,就能卸载Sass了。不过一般情况下,我们是用不着卸载这个指令的。