如何在Visual Studio代码中隐藏侧栏中的某些文件？

Question

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

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

Answer 1

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

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

当你完成它应该看起来像这样：

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

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

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

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

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

Answer 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
    }
}

Answer 3

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

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

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

Answer 4

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

然后按F1键查看vscode命令行（命令调色板）

ext install [enter] peep [enter]

您可以将“extension.peepToggle”绑定到一个键，如Ctrl + Shift + P（默认情况下与F1相同），以便轻松切换。按Ctrl + K Ctrl + S键进行键绑定，输入peep，选择Peep Toggle并添加绑定。

Answer 5

“Make Hidden”扩展很棒！

通过启用允许您轻松执行隐藏/显示操作的上下文菜单，使用视图窗格浏览器查看隐藏项目以及保存工作区以在批量隐藏项目之间快速切换的功能，“隐藏”可以更好地控制项目目录。

Answer 6

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

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

Answer 7

如果您正在使用Angular 2+应用程序，并且像我一样，您喜欢干净的工作环境，请关注@ omt66 answer并将以下内容粘贴到您的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
    }
}