如何在 Visual Studio Code 的侧栏中隐藏某些文件？答案

【问题标题】：How do I hide certain files from the sidebar in Visual Studio Code?如何在 Visual Studio Code 的侧栏中隐藏某些文件？
【发布时间】：2015-07-20 07:56:19
【问题描述】：

使用 Microsoft 的 Visual Studio Code，如何隐藏某些文件和文件模式，使其不显示在侧边栏中？

我想隐藏.meta 和.git 样式文件

【问题讨论】：

这并不完全是您所需要的，但您至少可以通过在工作区设置中添加“search.excludeFolders”属性来从搜索中排除某些文件夹。这对我来说已经足够了，因为我通常通过Ctrl-E 菜单访问文件。
不错的提示。我也通过这种方式访问文件和command+p（来自崇高的背景）
侧栏中自动隐藏 .gitignored 文件的相关问题：github.com/Microsoft/vscode/issues/38878
我必须使用 **/node_modules 才能使其工作。仅 node_modules 并不好。

标签： visual-studio-code vscode-settings

【解决方案1】：

您可以配置模式以从资源管理器和搜索中隐藏文件和文件夹。

打开 VS 用户设置（主菜单：File > Preferences > Settings）。这将打开设置屏幕。
在顶部的搜索中搜索files:exclude。
根据需要使用新的全局模式配置用户设置。在这种情况下，添加此模式node_modules/，然后单击确定。 模式语法很强大。您可以在Search Across Files topic 下找到模式匹配的详细信息。

完成后，它应该如下所示：

如果要直接编辑设置文件：例如，在您的工作空间中隐藏顶级 node_modules 文件夹：

"files.exclude": {
    "node_modules/": true
}

隐藏所有以._ 开头的文件，例如在 OSX 上找到的._.DS_Store 文件：

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

您还可以更改工作区设置（主菜单：File > Preferences > Workspace Settings）。工作区设置将在您当前的工作区中创建一个.vscode/settings.json 文件，并且只会应用于该工作区。用户设置将全局应用于您打开的任何 VS Code 实例，但它们不会覆盖工作区设置（如果存在）。阅读有关自定义 User and Workspace Settings 的更多信息。

【讨论】：

有什么方法可以排除符号链接/别名？
隐藏子文件夹中的所有 node_modules 可以使用："**/node_modules/**": true
在以后的 VSCode 版本（2017 年 11 月）中，您使用 File>Preferences>Settings 并使用右上角的下拉菜单选择 UserSettings 或 Workspace。选择 Workspace 然后将在您的项目中创建 .vscode 文件夹和 settings.json
@becko，是的，您必须在更改后重新启动编辑器。
您不再需要重新启动 VS Code 才能使其生效。

【解决方案2】：

有时您只想隐藏特定项目的某些文件类型。在这种情况下，您可以在项目文件夹中创建一个名为.vscode 的文件夹，并在其中创建settings.json 文件（即.vscode/settings.json）。该文件中的所有设置只会影响您当前的工作区。

例如，在一个 TypeScript 项目中，这是我使用的：

// Workspace settings
{
    // The following will hide the js and map files in the editor
    "files.exclude": {
        "**/*.js": true,
        "**/*.map": true
    }
}

【讨论】：

当您转到 Preferences > Settings 时，VS Code 现在有一个选项卡，您可以在其中切换 User Settings 和 Workspace Settings，因此您不必再手动创建文件了。排除文件类型的好例子——谢谢！
@AliMertCakar 是的，你可以 :) 只需将 .vscode 添加到列表中
谢谢 :) 附加信息：您需要重新启动 Visual Studio 代码以隐藏 .vscode 文件夹

【解决方案3】：

“Make Hidden”扩展非常好用！

Make Hidden 通过启用允许您轻松执行隐藏/显示操作的上下文菜单、用于查看隐藏项的视图窗格浏览器以及保存工作区以在批量隐藏项之间快速切换的能力来提供对项目目录的更多控制。

【讨论】：

谢谢！在我看来，这比手动更改此设置更可取。
恕我直言，如果您希望只是在目录树中隐藏文件/文件夹而不影响搜索或转到文件等副作用，这是最好的答案
遗憾的是它不再有效。我怀疑这更多是 vscode 的不稳定问题，而不是扩展开发者。

【解决方案4】：

__pycache__ 文件夹和*.pyc 文件对开发人员来说是完全不需要的。要在资源管理器视图中隐藏这些文件，我们需要编辑 VSCode 的 settings.json。添加如下所示的文件夹和文件：

"files.exclude": {
  ...
  ...
  "**/*.pyc": {"when": "$(basename).py"}, 
  "**/__pycache__": true,
  ...
  ...
}

【讨论】：

when 语法记录在哪里？

【解决方案5】：

我还想推荐 vscode 扩展 Peep，它允许您在项目 settings.json 中切换隐藏排除文件。

F1 进入 vscode 命令行（命令面板），然后

ext install [enter] peep [enter]

您可以将“extension.peepToggle”绑定到 Ctrl+Shift+P 之类的键（与 F1 kbd> 默认）以便于切换。点击 Ctrl+K Ctrl+S 键绑定，输入 peep，选择 Peep Toggle 并添加您的绑定。

【讨论】：

【解决方案6】：

对于.meta 文件，在使用 Unity3D 时，我发现隐藏的最佳模式是：

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

这会捕获所有文件夹和子文件夹，并且除了 foo.meta 之外还会选择 foo.cs.meta

【讨论】：

适用于由 python 生成的 .pyc 文件。
它可以工作，但是全局搜索停止工作并出现错误：Error parsing glob ... invalid use of **; must be one path component，应该是"*/**/*.meta": true
你的 glob 太长了，可以简化为"**/*.meta"

【解决方案7】：

如果您使用的是 VSCode：

文件 > 首选项 > 设置
搜索：

files:exclude

然后添加

**/node_modules

点击OK。

您不需要重新启动或重新加载 VSCode 即可生效

【讨论】：

【解决方案8】：

如果您正在使用 Angular 2+ 应用程序，并且像我一样喜欢干净的工作环境，请按照 @omt66 回答并将以下内容粘贴到您的 settings.json 文件中。我建议您在完成所有初始设置后执行此操作。

注意：这实际上也会隐藏 .vscode 文件夹（带有 settings.json）。（如果您之后需要进行更改，请在您的本机文件资源管理器/文本编辑器中打开）

https://pastebin.com/X2NL6Vxb

{
    "files.exclude": {
        ".vscode":true,
        "node_modules/":true,
        "dist/":true,
        "e2e/":true,
        "*.json": true,
        "**/*.md": true,
        ".gitignore": true,
        "**/.gitkeep":true,
        ".editorconfig": true,
        "**/polyfills.ts": true,
        "**/main.ts": true,
        "**/tsconfig.app.json": true,
        "**/tsconfig.spec.json": true,
        "**/tslint.json": true,
        "**/karma.conf.js": true,
        "**/favicon.ico": true,
        "**/browserslist": true,
        "**/test.ts": true
    }
}

【讨论】：

【解决方案9】：

我过去遇到过同样的问题，因为我希望删除在我们成功运行 .java 文件后生成的 .class 文件，以便在编译后自动创建 .class 文件，在编译 C 或 C++ 代码后创建 .exe 文件.

最简单的方法是通过按F1 并从弹出窗口中选择Preferences: Open Workspace Settings 来更改您的工作区设置。之后滚动到 Files: Exclude 行并在列表中添加标签 - **/*.class，现在 .class 文件将不会显示在 Vscode 项目文件资源管理器中。

您可以使用标签**/*.exe 执行相同的方法来删除 .exe 文件用于 C 和 C++ 文件。

谢谢

曼普里特·辛格

【讨论】：