在Visual Studio Code中,使用文件模式可以配置什么设置来隐藏侧边栏的文件资源管理器中的文件?

我想隐藏某些文件组,如.meta和.git文件。


当前回答

如果你在一个Angular 2+应用上工作,并且像我一样喜欢干净的工作环境,请输入@omt66 answer并将下面的内容粘贴到你的设置中。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
    }
}

其他回答

如果您希望隐藏node_modules之类的东西,那么接受的答案是完美的。 在使用静态元框架(如Astro.js)的情况下,您最终将使用index。Astro文件也有很多噪音,因为dist/test/index.html或/dist/about-page/index.html等…页面。

为了将它们从命令面板搜索中排除,但仍然能够检查文件树中的dist文件夹,我建议在.vscode/settings中使用以下命令。json文件

{
  "search.exclude": {
    "dist/**": true
  }
}

这样,你仍然可以保持它的可见性,而不会污染你的ctrl + p搜索。


PS:更多信息可以在这里找到(再次提交URL打开后直接进入高亮显示)。

“使隐藏”扩展工作伟大!

Make Hidden通过启用上下文菜单(允许您轻松执行隐藏/显示操作),提供了对项目目录的更多控制,视图窗格资源管理器可以查看隐藏项,并且能够保存工作区以快速在大量隐藏项之间切换。

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

打开VS用户设置(主菜单:File > Preferences > Settings)。这将打开设置界面。 搜索文件:排除在搜索的顶部。 根据需要使用新的glob模式配置用户设置。在本例中,添加这个模式node_modules/,然后单击OK。模式语法非常强大。您可以在跨文件搜索主题下找到模式匹配的详细信息。

当你完成后,它应该看起来像这样:

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

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

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

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

您还可以更改工作空间设置(主菜单:文件>首选项>工作空间设置)。工作区设置将创建.vscode/settings。Json文件在您当前的工作空间,将只应用于该工作空间。用户设置将全局应用于你打开的任何VS Code实例,但如果存在,它们不会覆盖工作区设置。阅读更多关于自定义用户和工作区设置的信息。

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

我还想推荐vscode扩展Peep,它可以让你在你的项目settings.json中切换隐藏排除文件。

然后,为vscode命令行(命令面板)点击F1

ext install [enter] peep [enter]

你可以绑定“扩展”。peepToggle”到一个键,如Ctrl+Shift+P(默认情况下与F1相同),方便切换。按Ctrl+K Ctrl+S键绑定,输入窥视,选择窥视切换,添加你的绑定。