Como ocultar determinados arquivos da barra lateral no Visual Studio Code?

Usando o Visual Studio Code da Microsoft, como oculto certos arquivos e padrões de arquivos para que não apareçam na barra lateral?

Quero ocultar .metae .gitestilizar arquivos

Você pode configurar padrões para ocultar arquivos e pastas do explorador e pesquisas.

1. Abra Configurações do usuário do VS (menu principal:) File > Preferences > Settings. Isso abrirá a tela de configuração.
2. Pesquise files:excludena pesquisa na parte superior.
3. Defina a configuração do usuário com novos padrões globais, conforme necessário. Nesse caso, adicione esse padrão node_modules/e clique em OK. A sintaxe do padrão é poderosa. Você pode encontrar detalhes de correspondência de padrões no tópico Pesquisar em Arquivos .

Quando terminar, deve ser algo como isto:

Se você deseja editar diretamente o arquivo de configurações: Por exemplo, para ocultar uma pasta node_modules de nível superior em sua área de trabalho:

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

Para ocultar todos os arquivos que começam com ._tais como ._.DS_Storearquivos encontrados no OSX:

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

Você também pode alterar as configurações da área de trabalho (menu principal:) File > Preferences > Workspace Settings. As configurações da área de trabalho criarão um .vscode/settings.jsonarquivo na sua área de trabalho atual e serão aplicadas apenas a essa área de trabalho. As Configurações do usuário serão aplicadas globalmente a qualquer instância do Código VS que você abrir, mas elas não substituirão as Configurações da área de trabalho, se presentes. Leia mais sobre como personalizar as configurações do usuário e da área de trabalho .

Às vezes, você deseja apenas ocultar certos tipos de arquivo para um projeto específico. Nesse caso, você pode criar uma pasta na sua pasta de projeto chamada .vscodee criar o settings.jsonarquivo lá, (ie .vscode/settings.json). Todas as configurações desse arquivo afetarão apenas o seu espaço de trabalho atual.

Por exemplo, em um projeto TypeScript, é isso que eu usei:

// Workspace settings
{
    // The following will hide the js and map files in the editor
    "files.exclude": {
        "**/*.js": true,
        "**/*.map": true
    }
}

A extensão " Make Hidden " funciona muito bem!

Make Hidden fornece mais controle sobre o diretório do seu projeto, permitindo menus de contexto que permitem executar ações de ocultar / mostrar sem esforço, um explorador do painel de exibição para ver itens ocultos e a capacidade de salvar áreas de trabalho para alternar rapidamente entre itens ocultos em massa.

Para .metaarquivos enquanto utilizava o Unity3D, encontrei o melhor padrão para ocultar:

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

Isto captura todas as pastas e subpastas, e vai pegar foo.cs.meta, além defoo.meta

Também gostaria de recomendar a extensão vscode Peep , que permite alternar entre ocultar os arquivos excluídos nas configurações do seu projeto.json .

Pressione F1para a linha de comando vscode (paleta de comandos) e, em seguida,

ext install [enter] peep [enter]

Você pode vincular "extension.peepToggle" a uma tecla como Ctrl+ Shift+ P(o mesmo F1padrão) para facilitar a alternância. Pressione Ctrl+ K Ctrl+ Spara vinculações de teclas, digite peep, selecione Peep Toggle e adicione sua vinculação.

A __pycache__pasta e os *.pycarquivos são totalmente desnecessários para o desenvolvedor. Para ocultar esses arquivos da visualização do explorador, precisamos editar o settings.json para o VSCode. Adicione a pasta e os arquivos como mostrado abaixo:

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

Se você trabalha em um aplicativo Angular 2+ e, como eu, gosta de um ambiente de trabalho limpo, siga @ omt66 answer e cole o abaixo no arquivo settings.json. Eu recomendo que você faça isso depois que toda a configuração inicial estiver concluída.

Nota : Isso também ocultará a pasta .vscode (com settings.json). (Abra no seu explorador de arquivos / editor de texto nativo, se precisar fazer alterações posteriormente)

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

Isso pode não ser uma resposta tão boa, mas se você selecionar primeiro todos os arquivos que deseja acessar pressionando-os na barra lateral, para que eles apareçam na parte superior da tela, por exemplo: script.js, index. html, style.css. Feche todos os arquivos que você não precisa na parte superior.

Quando você terminar de pressionar Ctrl + B no Windows e Linux, não sei o que é no Mac.

Mas aí está. por favor não envie ódio