一、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的类型

巴特西

09-sass

一、sass和scss

二、下载配置sass

三、sass语法

最新文章

热门文章