sass的简介和安装

一、什么是sass

  1. Sass 是一门高于 CSS 的元语言,它能用来清晰地、结构化地描述文件样式,有着比普通 CSS 更加强大的功能。
  2. Sass 能够提供更简洁、更优雅的语法,同时提供多种功能来创建可维护和管理的样式表。

二、sass和scss有什么区别

Sass 和 SCSS 其实是同一种东西,我们平时都称之为 Sass,两者之间不同之处有以下两点:

  1. 文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而 SCSS 是以“.scss”后缀为扩展名
  2. 语法书写方式不同,Sass 是以严格的缩进式语法规则来书写,不带大括号({})和分号(😉,而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。

三、sass的安装

windows版

1… 在 Windows 平台下安装 Ruby 需要先有 Ruby 安装包,大家可以到 Ruby 的官网(http://rubyinstaller.org/downloads)下载对应需要的 Ruby 版本。
在这里插入图片描述
2. Ruby 安装文件下载好后,可以按应用软件安装步骤进行安装 Ruby。在安装过程中,个人建议将其安装在 C 盘下,在安装过程中选择第二个选项(不选中,就会出现编译时找不到Ruby环境的情况),如下图所示:
在这里插入图片描述
3. Ruby 安装完成后,在开始菜单中找到新安装的 Ruby,并启动 Ruby 的 Command 控制面板,如下图所示:
在这里插入图片描述
4. 当你的电脑中安装好 Ruby 之后,接下来就可以安装 Sass 了。同样的在windows下安装 Sass 有多种方法。
命令版
1.打开电脑命令行终端,输入
gem install sass
2. 提醒一下,在使用 Mac 的同学,可能需要在上面的命令前加上"sudo",才能正常安装:
sudo gem install sass

(会安装sass就行,用什么方法都行,其他的我也不会了)

四、检测sass及更新

检测::安装完之后要确定是否安装成功,只需要一行命令即可:

sass -v

如果在命令终端出现以下代码,就代表安装成功,可以正常使用啦啦!
在这里插入图片描述
更新:只需要在命令终端执行:

gem update sass

看到类似下面的信息,就表示已经更新到最新版本啦
在这里插入图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章