Sass 初级学习一

1: 首先 Sass是由ruby开发，这块windows安装sass可以先安装ruby程序，再通过包管理命令来安装ruby

程序下载地址

https://rubyinstaller.org/downloads/

windows 命令行工具安装： gem install sass

 

 

2：将scss文件编译成css

我们在使用的过程中，最终会将scss文件转为css，这块我们使用vscode进行开发

sass sass/index.scss:css/index.css  (翻译：使用sass命令，将sass文件夹中的index.scss文件转为css文件夹下的index.css)

 

 

3：为了减少每次修改都需要执行该命令 ，这块可以使用watch，来持续监听，按下ctrl+c可以停止监听

sass --watch sass:css  （翻译：使用sass --watch命令，对sass文件夹监听，将编译后的文件放入css文件加中）

 

4： sass 编译输出的css格式有四种：netsted(嵌套) （默认格式）， compact(紧凑) ，expanded（扩展），compressed(压缩)

sass sass/index.scss:css/index.css  --style compact

sass sass/index.scss:css/index.css  --style expanded

sass sass/index.scss:css/index.css  --style compressed

 

 

 

 

 

 

5：sass (以前版本，使用缩进语法，比如注释可以/* 没有结尾 */ )   ,  scss（现在版本，语法更精准）

6：scss 变量：使用$符号作为变量