SCSS安装与使用

SCSS官网安装教程

安装完成之后,可以直接编写scss文件,但是浏览器是看不懂scss文件的,只能读懂css文件,所以就需要预编译.

预编译可以在命令行执行

sass <要编译的Sass文件路径>/style.scss:<要输出CSS文件路径>/style.css   -- style就是项目中的scss文件名

sass --watch index.scss index.css

但是这个命令只能编译一次,这就导致每次修改或者新增样式的时候,都需要执行一次命令行,非常麻烦

所以我们可以开启watch功能

sass --watch <要编译的Sass文件路径>/style.scss : <要输出CSS文件路径>/style.css  注意源文件和输出文件中有一个冒号

sass --watch index.scss:index.css

(注:watch状态会有一点点延迟)