好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

Sass安装步骤

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

一、Sass的安装

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

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

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

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

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

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

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

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

 

二、Sass的更新

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

 gem update sass
 

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

 

三、Sass的卸载

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

 gem uninstall sass 

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

查看更多关于Sass安装步骤的详细内容...

  阅读:57次

上一篇

下一篇

第1节:Sass安装步骤    第2节:Sass 继承、占位符和混合宏    第3节:Sass变量简介    第4节:Sass插值实例讲解    第5节:Sass 教程 - Sass入门学习    第6节:Sass代码重用    第7节:Sass开发工具介绍    第8节:Sass的三种基本运算介绍    第9节:Sass继承实例讲解    第10节:Sass混合宏实例介绍    第11节:Sass流程控制@if语句    第12节:Sass流程控制@for循环    第13节:Sass流程控制@each循环    第14节:Sass基本运算介绍    第15节:Sass 数据类型详细介绍    第16节:Sass 嵌套方式讲解    第17节:Sass语法基础总结    第18节:Sass四种数字运算详细介绍    第19节:实现Sass注释的三种方式    第20节:Sass流程控制详细介绍    第21节:Sass占位符实例讲解    第22节:Sass颜色运算详细介绍    第23节:Sass字符运算介绍    第24节:Sass流程控制@while循环