scss安装入门到使用高级语法

一.sass的基本概念

sass是css的"预处理器", 一门专门的css编程语言
增加了变量, 函数, 计算, 嵌套关系等用法,让css编写更简洁, 清晰.

二. scss的安装步骤

1. 首先查询一下是否已经安装过sass, 在cmd中输入sass -v 或者 sass --version

sass -v
1

sass --version
1

使用上面任意一个命令,出现以下几种情况都是已经安装好了
1.52.1 complied with dart2js 2.17.1
ruby 1.52.1
Ruby Sass 3.7.4
版本有差别请忽略

2. 如果没有出现版本号,那就在cmd中执行命令

npm install -g sass
1

如果是Mac电脑,电脑会中自带ruby,也可以使用ruby安装

sudo gem install sass
1

安装完成后执行第一步,再查看一下版本号,有版本号就安装完成了.

三.sass的版本和半自动化监听

1. 关于版本
   早期sass的后缀名是.sass
   3.0版本以后, 后缀名改成了.scss 这种后缀使用的是css