863

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

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

4

9 回答 9

1449

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

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

完成后，它应该如下所示： 在此处输入图像描述

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

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

隐藏所有以 OSX 上的文件开头的._文件：._.DS_Store

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

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

于 2015-05-09T16:18:54.567 回答
264

有时您只想隐藏特定项目的某些文件类型。在这种情况下，您可以在项目文件夹中创建一个名为.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
    }
}
于 2016-03-24T04:13:23.267 回答
41

“ Make Hidden ”扩展非常好用！

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

于 2017-11-24T08:55:32.673 回答
37

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

"files.exclude": {
  ...
  ...
  "**/*.pyc": {"when": "$(basename).py"}, 
  "**/__pycache__": true,
  ...
  ...
}
于 2019-04-22T13:45:50.960 回答
26

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

点击F1vscode 命令行（命令面板），然后

ext install [enter] peep [enter]

您可以将“extension.peepToggle”绑定到Ctrl++之类的键（默认情况下相同Shift）以便于切换。点击++键绑定，输入，选择Peep Toggle 并添加您的绑定。PF1CtrlK CtrlSpeep

于 2016-06-16T10:17:48.717 回答
23

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

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

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

于 2017-05-04T19:20:13.217 回答
13

如果您使用的是 VSCode：

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

files:exclude

  • 然后加

**/node_modules

  • 单击OK。

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

于 2021-09-14T08:31:58.680 回答
4

如果您使用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
    }
}
于 2019-03-07T13:08:53.747 回答
1

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

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

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

谢谢

曼普里特·辛格

于 2021-09-13T05:16:14.090 回答