Scss的相关安装及使用

Scss 的相关安装及使用

一、相关介绍

1.Sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了Sass强大的动态功能。
2.关于 sass 和 scss 区别：scss其实是sass的更新版本而已。
3.使用scss的一些优点：
（1）使用scss进行编写时，可以使css实现支持变量，函数，模块化的功能，使其加快开发效率，有效简化多余代码；
（2）实现css，低耦合。
4.现如今主流的css预处理器：Sass，Less，Stylus

二、安装步骤

1. 安装 ruby

2. 打开cmd命令行，运行gem install sass

3. 输入scss --version 检查是否安装成功

三、常用命令

1. 打开cmd文件路径在项目的根目录下

2. scss --watch scss:css 开启监听模式，实现热更新