VSCode关于编译scss的插件

先安装两个插件,live server和 live sass compiler两个插件

然后将下面的代码复制到设置(文件---首选项----设置----打开设置json)中

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

],

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

就可以使用了

 然后点击编辑器下面的wtach sass,watch sass就会变成watching,你建的scss文件就会对应生成一个编译后的css文件

上一篇:vue-cli2.0和vue-cli3.0及以上配置全局css变量


下一篇:前端scss文件中,不同的单位 进行 运算, 以及 elementUI中 隐藏组件 el-scrollbar的使用