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

时间:2015-05-09 12:48:42

标签: visual-studio-code vscode-settings

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

我想要隐藏.githttp://www.example.com -- NOT REDIRECT http://example.com -- NOT REDIRECT http://www.example.us --> http://us.example.com -- REDIRECT http://www.example.es --> http://es.example.com -- REDIRECT http://example.us --> http://us.example.com -- REDIRECT http://example.es --> http://es.example.com -- REDIRECT 样式文件

8 个答案:

答案 0 :(得分:831)

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

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

    当你完成它应该看起来像这样: enter image description here

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

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

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

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

    您还可以更改工作区设置(主菜单:文件>偏好设置>工作区设置)。工作区设置将在当前工作空间中创建.vscode/settings.json文件,并且仅应用于该工作空间。用户设置将全局应用于您打开的任何VS Code实例,但如果存在,则不会覆盖工作区设置。详细了解自定义User and Workspace Settings

答案 1 :(得分:182)

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

答案 2 :(得分:19)

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

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

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

之外还会选择foo.meta

答案 3 :(得分:16)

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

按F1键查看vscode命令行(命令调色板),然后按

ext install [enter] peep [enter]

你可以绑定" extension.peepToggle"到Ctrl + Shift + P这样的键(默认情况下与F1相同),便于切换。按Ctrl + K Ctrl + S进行键绑定,输入peep,选择Peep Toggle并添加绑定。

答案 4 :(得分:16)

ref”扩展名效果很好!

  

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

答案 5 :(得分:5)

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

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

答案 6 :(得分:1)

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

答案 7 :(得分:-2)

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

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

但是你有。 请发送不恨

相关问题