协慌网

登录 贡献 社区

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

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

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

答案

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

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

完成后,它应如下所示: 在此处输入图片说明

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

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

要隐藏所有以._文件,例如._.DS_Store文件,请执行以下操作:

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

您还可以更改工作区设置(主菜单: File > Preferences > Workspace Settings )。工作区设置将.vscode/settings.json文件,并将仅应用于该工作区。用户设置将全局应用于您打开的任何 VS Code 实例,但它们不会覆盖 “工作区设置”(如果存在)。阅读有关自定义用户和工作区设置的更多信息

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

隐藏” 扩展名非常有用!

通过启用允许您轻松执行隐藏 / 显示操作的上下文菜单,用于查看隐藏项目的视图窗格浏览器以及保存工作空间的功能,可以在大量隐藏项目之间快速切换,使隐藏成为提供对项目目录的更多控制。