在使用之前，我们应该学会如何去安装sass的依赖环境，就像HTML依赖于浏览器一样。Sass是使用Ruby语言编写的，Sass的运行是依赖于Ruby环境的，所以在安装Sass之前我们首先要安装Ruby环境。接下来笔者以windows 7为32位系统环境为例，对Ruby环境进行安装，步骤如下。

 

步骤1    到Ruby官网下载Ruby环境安装包（www.ruby-lang.org/zh_cn），如图1所示：

图1  Ruby下载页面

 

注意操作系统的32位和64位是有区别的，选择合适的版本进行安装，36位为x86，64位为x64。

 

步骤2    安装，连续点击下一步即可。如图2所示：

图2  Ruby安装界面

 

上步为选择第二项，其含义是自动加入环境变量，这样就能够在cmd命令行中进行使用Ruby命令了。

在安装完成之后，我们使用windows+R快捷键，打开cmd命令行，输入“ruby -v”查看ruby版本，输出了Ruby的版本，这就说明了安装成功了。效果如图3所示：

图3  Ruby安装界面

 

步骤3     修改源文件

Ruby默认软件包安装工具是gem，与composer（PHP软件安装工具）、apt-get（Ubuntu软件安装工具）类似，因为Ruby是国外开发的，gem的软件源（下载软件的网站）是网站在国外。受我国的国情限制，国外网站一般我们是不能访问，所以我们曲线救国，将源地址修改为中国的镜像地址（镜像与软件源地址包含应用包一致），常用的有腾讯云http://gems.ruby- china.org/、淘宝镜像https://ruby.taobao.org/等。那么笔者就修改成腾讯云。打开CMD命令行，输入下面的命令：

gem sources --remove https://rubygems.org/

gem sources -add http://gems.ruby-china.org/

gem install sass

上述命令的含义是首先删除默认国外的软件源，然后添加腾讯云镜像，最后添加成功后安装sass，最终显示如图4所示：

图4  Sass安装成功界面

 

好了，到此我们已经将Sass安装完成了，这样我们就能进行Sass的使用和开发了。