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 变量:使用$符号作为变量

原文地址:https://www.cnblogs.com/hanliping/p/13942486.html