sass学习一

sass基于ruby语言开发而成。

sass和compass

sass本身只是一个编译器，compass在它的基础上，封装了一系列有用的模板和模块，补充sass的功能
安装

sudo gem install sass
sudo gem install compass

检查是否安装好

sass -v
compass -v

使用vscode开发
可以安装easy sass插件，做一些配置：

"easysass.compileAfterSave": true,  
    "easysass.formats": [ //nested：嵌套缩进的 css 代码。//expanded：没有缩进的、扩展的css代码。//compact：简洁格式的 css 代码。//compressed：压缩后的 css 代码
        {
            "format": "expanded",
            "extension": ".css"
        },
        {
            "format": "compressed",
            "extension": ".min.css"
        }
    ],
    "easysass.targetDir": "css/" //路径

这样你的scss文件每次保存后都会被编译到css目录下，有两个版本，未压缩版和压缩版

主要语法：
变量
嵌套
混合器 @mixin @incliude
继承 @extend
。。。