sass初步了解及安装

1.什么是sass？

sass是一种css预处理器
借助sass语法，我们能更加高校的为页面编写样式
sass可以让我们使用一些css中没有实现的功能，例如变量，嵌套，组合，继承等等；
我们使用sass语法来编写.scss文件，然后使用sass预处理器将它们编译为.css文件，最后将编译产生的.css文件应用到我们的工程中。

2.sass安装

执行命令npm install -g sass
监测sass安装是否成功：sass回车

3.编译.scss文件为css文件

sass使用.scss作为文件后缀名，不能直接在标签中使用，需要编译为.css文件
编译执行指令(此时新建的文件名为input.scss)： sass input.scss output.css(执行一次只能编译一次)

4.sass监测（实时监测）

sass --watch input.scss:output.css

5.文件夹多个目录进行监测（监视一个目录将它输出到另外一个目录）

sass --watch sass:dist/css(实时监测sass文件夹，如果sass里的内容有更新，则dist文件夹里的css里的内容相应进行更新)