如何在vscode中使用scss

  • 需要使用插件Live Sass Compiler将scss编译成css。
  • 但是Live Sass Compiler插件安装了之后还要配置,官网有代码但是不全。找了半天发现配置Live Sass Compiler的资料很少。终于配置好之后,做了如下总结。
  • 在vscode中使用scss的步骤:
    1.安装插件Live Sass Compiler
    2.配置Live Sass Compiler
    在插件的设置中点击“在settings.json中编辑”,添加以下代码。

在这里插入图片描述

 "liveSassCompile.settings.autoprefix": [//添加兼容前缀
    "> 1%",
    "last 2 versions"
  ],
  "liveSassCompile.settings.formats":[
    // 扩展
    {
        "format": "compressed",//可定制的出口CSS样式(expanded(展开格式),compact(紧凑格式),compressed,nested)
        "extensionName": ".css",//编译后缀名
        "savePath": "~/../css"//编译保存的路径
    } 
    
],
"liveSassCompile.settings.generateMap": true,//是否生成对应的map
"liveSassCompile.settings.excludeList": [
  "**/node_modules/**",
  ".vscode/**"
],

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐