目的:可以实时看scss文件编译后的css文件

第一步:首先在vscode扩展里安装Live Sass Compiler插件

第二步:对 Live Sass Compiler插件配置

 

  "liveSassCompile.settings.formats":[
        // 扩展
        {
            "format": "compact",//可定制的出口CSS样式(expanded,compact,compressed,                
                                nested)
            "extensionName": ".css",//编译后缀名
            "savePath": "/css"//编译保存的路径
        } 
    ],

    "liveSassCompile.settings.excludeList": [
        "**/node_modules/**",
        ".vscode/**"
     ],

第三步:按F1或ctrl+shift+P键入Live Sass: Watch Sass以开始实时编译,或者按键入Live Sass: Stop Watching Sass以停止实时编译。

 

更多推荐