VS Code插件Live Sass Compiler配置方法

Live Sass Compiler 是一个用于 Visual Studio Code 的扩展，可以帮助开发者将 Sass 或 Scss 文件实时编译为 CSS 文件。以下是 Live Sass Compiler 的配置方法：

在 VS Code 的 settings.json 文件中可以进行以下配置：

{
  "liveSassCompile.settings.formats": [
    {
      "format": "expanded", // 编译后的 CSS 格式，可选值为 expanded、compact、compressed、nested
      "extensionName": ".css", // 编译后的文件后缀名
      "savePath": null // 编译后文件的保存路径
    },
    {
      "format": "compressed",
      "extensionName": ".min.css",
      "savePath": "/dist/css"
    }
  ],
  "liveSassCompile.settings.excludeList": [
    "/**/node_modules/**", // 排除的文件夹路径
    "/**/.vscode/**"
  ],
  "liveSassCompile.settings.generateMap": false, // 是否生成 source map 文件
  "liveSassCompile.settings.autoprefix": [ // 自动添加浏览器前缀的配置
    "> 1%",
    "last 2 versions"
  ]}

其他设置

• liveSassCompile.settings.watchOnLaunch：定义是否在启动时立即开始监听，而不是等待手动启动。默认值为 false。
• liveSassCompile.settings.compileOnWatch：定义在开始监听时是否编译所有文件。默认值为 true。
• liveSassCompile.settings.forceBaseDirectory：定义一个子目录作为搜索起点，提高性能。
• liveSassCompile.settings.rootIsWorkspace：定义路径是否相对于工作区根目录。默认值为 false。