09-sass

一、sass和scss

sass最初是为了配合haml设计的，不需要大括号，用tab缩进
从第三代开始，保留缩进风格，完全向下兼容普通的css代码

二、下载配置sass

compass是sass的一个工具库
安装compass和sass都需要Ruby

1.下载Ruby

2.安装

3.安装compass和sass

4.在vscode安装自动变异sass文件的插件→Esay Sass
在插件的json中配置如下

    "easysass.compileAfterSave": true,
    "easysass.formats": [

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

三、sass语法

1.sass转为css的类型