如何在多个路径中观看 Sass

当我们在开发 Sass 项目时，有时候需要在不同的路径中观看 Sass 文件，以便于调试和编辑。本文将介绍如何在多个路径中观看 Sass。

方法一：使用 Sass 的 --watch 命令

Sass 自带的 --watch 命令可以监视指定目录及其子目录中所有的 Sass 文件，当有变动时自动编译成 CSS 文件。我们可以将多个路径都加入到监视列表中，以便于同时观看多个路径中的 Sass 文件。

sass --watch path/to/first/directory:path/to/second/directory:path/to/third/directory

在命令行中输入上述命令，并将需要观看的多个路径用 `:` 分隔开即可。

## 方法二：使用 Visual Studio Code 的插件

Visual Studio Code 是一款功能强大的代码编辑器，提供了众多的插件，其中有一些插件可以让我们在多个路径中观看 Sass 文件。

其中一款比较受欢迎的插件是 `Live Sass Compiler`，它可以在多个路径中观看 Sass 文件，并自动编译成 CSS 文件。使用它非常简单，只需在 `settings.json` 文件中配置需要观看的多个路径即可。

```markdown
"liveSassCompile.settings.formats": [
        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": "~/../css"
        }
    ],
"liveSassCompile.settings.includeItems": ["path/to/first/directory", "path/to/second/directory", "path/to/third/directory"]

在上述配置中，我们指定了编译后的 CSS 文件保存到 ~/../css 路径下，同时将需要观看的多个路径都加入到 liveSassCompile.settings.includeItems 中即可。

以上就是在多个路径中观看 Sass 文件的两种方法，大家可以根据自己的需要选择使用。