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

629

使用Microsoft的Visual Studio代码，如何隐藏某些文件和文件模式以免它们出现在边栏中？

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

visual-studio-code vscode-settings

— 克里斯
source

3

这并不是您所需要的，但是您至少可以通过在工作区设置中添加“ search.excludeFolders”属性来从搜索中排除某些文件夹。这对我来说已经足够了，因为我通常通过Ctrl-E菜单访问文件。

— Katana314，2015年

1

不错的提示。我也以这种方式获取文件command+p（（来自崇高的背景）

— Chris

1

有关在边栏中自动隐藏.gitignored文件的相关问题：github.com/Microsoft/vscode/issues/38878

— Johan Walles

1075

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

打开“ VS用户设置”（主菜单：）File > Preferences > Settings。这将打开设置屏幕。
搜索files:exclude在顶部的搜索。
根据需要用新的glob模式配置用户设置。在这种情况下，请添加此模式，node_modules/然后单击“确定”。模式语法功能强大。您可以在“ 搜索整个文件”主题下找到模式匹配的详细信息。

完成后，它应如下所示：

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

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

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

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

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

— 本杰明·帕塞罗
source

3

有什么方法可以排除符号链接/别名？

— granmoe

4

要隐藏子文件夹中的所有node_modules，您可以使用："**/node_modules/**": true

— supNate 2017年

3

在更高的VSCode版本（2017年11月）中，使用“文件”>“首选项”>“设置”，然后使用右上角的下拉列表选择“用户设置”或“工作区”。选择Workspace然后将在您的项目中创建.vscode文件夹和settings.json

— Drenai

1

@becko，是的，您必须在更改后重新启动编辑器。

— 约翰·沃尔斯

3

您不再需要重新启动VS Code即可生效。

— MarredCheese

213

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

— omt66
source

8

转到“首选项”>“设置”时，VS Code现在具有一个选项卡，您可以在其中在“用户设置”和“工作区设置”之间进行切换，因此您不再需要自己手动创建文件。关于排除文件类型的好例子-谢谢！

— Tim Franklin

24

“ 隐藏 ”扩展名非常有用！

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

— 耶胡达·克雷默
source

23

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

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

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

— 肉干
source

5

适用.pyc于python生成的文件。

— Dominic Motuka

3

它有效，但随后全局搜索停止并显示错误：Error parsing glob ... invalid use of **; must be one path component，应为"*/**/*.meta": true

— pasevin

20

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

点击F1以获取vscode命令行（命令选项板），然后

ext install [enter] peep [enter]

您可以将“ extension.peepToggle”绑定到类似Ctrl+ Shift+ 的键P（F1默认情况下相同），以方便切换。按Ctrl+ K Ctrl+ S键绑定，输入peep，选择“窥视切换”并添加绑定。

— 托尼·克罗格
source

17

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

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

— AJ
source

3

如果您使用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
    }
}

— 里亚恩·范·齐尔
source

0

这可能不是一个很好的答案，但是如果您首先通过在侧栏中按它们来选择要访问的所有文件，以使它们在屏幕顶部弹出，例如：script.js，index。 html，style.css。在顶部关闭所有不需要的文件。

完成后，在Windows和Linux上按Ctrl + B，我不知道在Mac上是什么。

但是你现在有了。请发送不恨

— Chokko2
source