IT兄弟连 HTML5教程 初识Sass Sass的安装

5f16a58a57bc47108e1c532aebeafd05.jpg

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

步骤1    到Ruby官网下载Ruby环境安装包(www.ruby-lang.org/zh_cn),如图1所示:

image/20191219/2cc421ff33005bdc6aa47e4eba2ffd5a.png

图1  Ruby下载页面

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

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

image/20191219/684e7c853ca9c1d1b70530656509b8f4.png

图2  Ruby安装界面

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

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

image/20191219/c76fe0d5cfb3acf4b42b212758dfb369.png

图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所示:

image/20191219/7867b326ff157a6f0a9075a74328e6d6.png

图4  Sass安装成功界面

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

猜你喜欢

转载自www.cnblogs.com/itxdl/p/12094774.html