筛选在 Visual Studio Code 中显示的文件

Question

您将如何过滤Visual Studio Code 中文件夹视图中显示的文件？

参考：Filter files shown in folder view

Answer 1

隐藏文件和文件夹

files.exclude 设置允许您定义模式以从 VS Code 中的多个位置（例如资源管理器和搜索）隐藏文件和文件夹。一旦定义，匹配任何模式的文件和文件夹将被隐藏。

{
    "files.exclude": {
        "**/*.js": true
    }
}

隐藏派生资源

如果您使用的语言可以在源文件的同一位置编译成另一个文件，就像 TypeScript 对 JavaScript 所做的那样，您可以轻松地设置一个表达式来隐藏这些派生文件：

"**/*.js": { "when": "$(basename).ts"}

这样的模式将匹配任何 JavaScript 文件 (**/*.js)，但前提是存在具有相同名称和扩展名的同级文件，在此示例中为 *.ts。同样的技术也可以用于其他转译语言，例如 Coffee Script 或 Less/Sass。

来源：VS Code v0.5.0 (July 2015)

Answer 2

如果您只想更改此项目的设置，请执行以下操作：

文件 > 将工作区另存为 > ...输入您的{项目名称}

然后打开文件：{project name}.code-workspace 并更新部分settings。

示例：

{
    "folders": [
        {
            "path": "."
        }
    ],
    "settings": {
        "files.exclude": {
            "**/*.log": true
        }
    }
}

Answer 3

“将焦点放在文件资源管理器上，开始键入要匹配的文件名的一部分。您将在文件资源管理器的右上角看到一个过滤器框，显示您迄今为止键入的内容和匹配的文件名将突出显示。”

“将鼠标悬停在过滤器框上并选择启用类型过滤器将仅显示匹配的文件/文件夹。”

文档：https://code.visualstudio.com/docs/getstarted/userinterface#_filtering-the-document-tree

Answer 4

虽然给出了这个问题的答案，但我还是被绊倒了。所以我只好给图片了

第 1 步

点击资源管理器窗口。这很关键，因为如果不关注 Explorer，它将无法正常工作。

第 2 步

开始输入您要过滤的名称。奇怪的是没有文本框可以接受输入，但是……信仰和类型的飞跃。您将在棕色背景的右上角看到您键入的文本。现在将鼠标悬停在该文本上。

第 3 步

点击3条堆叠线进行过滤..

它们看起来像汉堡菜单，但实际上不是。他们在说它是否被过滤。它们在过滤和突出显示之间切换。所以，确保它们像倒金字塔。

就是这样。现在应该过滤掉它。