ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2019-12-25 09:00:08  阅读:248  来源: 互联网

标签:Ruby Sass 安装 初识 HTML5 org ruby gem


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的使用和开发了。

标签:Ruby,Sass,安装,初识,HTML5,org,ruby,gem
来源: https://www.cnblogs.com/itxdl/p/12094774.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有