[开发工具]配置 VSCode 中插件 Live Sass Compiler

{
    /* 压缩设置 */
    "liveSassCompile.settings.formats":[
        // This is Default.
        {
            "format": "compressed", // nested, expanded, compact, compressed
            "extensionName": ".min.css",
            "savePath": "~/../css"  // 为 null 表示当前目录
        }
    ],

    /* 排除目录 */
    "liveSassCompile.settings.excludeList": [
         
        "**/node_modules/**",
        ".vscode/**" 
    ],

    /* 是否生成对应的map */
    "liveSassCompile.settings.generateMap": false,

    /* 是否添加兼容前缀 如： -webkit- , -moz- ... */
    "liveSassCompile.settings.autoprefix": [
        "> 1%",
        "last 2 versions"
    ],

    "liveSassCompile.settings.showOutputWindow": true
}

scss编译输出css有四种格式

1. nested（嵌套）
2. compact（紧凑）
3. expanded（扩展）
4. compressed（压缩）

?

?

?

总结：
同样的写法，编译出的效果不同

具体说明可见官方文档：
https://github.com/ritwickdey/vscode-live-sass-compiler/blob/master/docs/settings.md

2022深度学习开发者峰会

5月20日13:00让我们相聚云端，共襄盛会！