Como posso excluir um diretório da guia "Explorar" do Visual Studio Code?

269

Estou tentando excluir várias pastas na guia "Explorar" no código do Visual Studio. Para fazer isso, adicionei o seguinte jsconfig.json à raiz do meu projeto:

{
    "compilerOptions": {
        "target": "ES6"
    },
    "exclude": [
        "node_modules"
    ]
}

Mas a pasta "node_modules" ainda está visível na árvore de diretórios. O que estou fazendo de errado? Existem outras opções?

Andrey
fonte
Veja também stackoverflow.com/questions/31639563/...
mikemaccana
Agora isso tem uma interface gráfica! Veja minha resposta.
totymedli

Respostas:

486

Use files.exclude :

  • Vá para Arquivo -> Preferências -> Configurações (ou no Código Mac -> Preferências -> Configurações )
  • Escolha a workspace settingsguia
  • Adicione este código ao settings.jsonarquivo exibido no lado direito:

    // Place your settings in this file to overwrite default and user settings.
    
    {
        "settings": {
            "files.exclude": {
                "**/.git": true,         // this is a default value
                "**/.DS_Store": true,    // this is a default value
    
                "**/node_modules": true, // this excludes all folders 
                                        // named "node_modules" from 
                                        // the explore tree
    
                // alternative version
                "node_modules": true    // this excludes the folder 
                                        // only from the root of
                                        // your workspace 
            }
        }
    }
    

Se você escolher Arquivo -> Preferências -> Configurações do usuário , configure as pastas de exclusão globalmente para o seu usuário atual.

Wosi
fonte
8
Apenas se alguém se perguntar: uma barra final não está ajudando (nem prejudicando) a limitar a exclusão apenas às pastas. isto "**/BACKUP/": trueé, é tão bom / ruim quanto sem a última barra.
19417 Frank Nocke
O valor que você fornece no RHS parece estar mesclado com o valor no LHS. Presumivelmente, seria necessário copiar o valor do LHS e configurá-lo falsepara substituir os valores padrão.
Rogartartu
Correção: Deveria ser "** / node_modules": true
Shekhar Kumar
Como a herança funciona aqui? Preciso listar todas as exclusões ou apenas as que não estão listadas nas configurações do usuário?
Robert Jeppesen
6
É interessante notar que na versão atual do Código (1.28.2), a files.excludechave pertence dentro da settingschave do code-workspacearquivo.
Tom
81

Nas versões mais recentes do VS Code, você navega para as configurações ( Ctrl+ ,) e certifique-se de selecionar Configurações da área de trabalho no canto superior direito.

insira a descrição da imagem aqui

Em seguida, adicione uma files.excludeopção para especificar padrões a serem excluídos.

Você também pode adicionar search.excludese quiser excluir apenas um arquivo dos resultados da pesquisa e não do gerenciador de pastas.

Drew Noakes
fonte
7
Excluir da pesquisa enquanto ainda consigo procurar arquivos no explorer - exatamente o que eu precisava, obrigado!
davnicwil
1
Obrigado por especificarWorkspace Settings
JJS
3
Eu tive que lugar files.excludedentro settings:{ ... }quando aplicá-lo para as configurações de espaço de trabalho ( .code-workspace arquivo) caso contrário, se queixaram sobre as linhas da propriedade ser desconhecido. Havia uma terceira guia "Configurações da pasta" (.vscode / settings.json) na qual funcionava nos aparelhos externos.
PAT
42

tl; dr

  1. Pressione Ctrl+ Shift+ Pou Command+ Shift+ Pno mac
  2. Digite "Configurações da área de trabalho".
  3. Altere as configurações de exclusão por meio da GUI ou em settings.json:

Maneira da GUI

  1. Digite "excluir" na barra de pesquisa.
  2. Clique no botão "Adicionar padrão". Adicionar padrão de exclusão nas configurações do código VS

Código maneira

  1. Clique no pequeno {}ícone no canto superior direito para abrir o settings.json: Clique no ícone de colchetes para abrir o settings.json
  2. Adicione pastas excluídas a files.exclude. Também verifique search.excludee files.watcherExcludecomo eles podem ser úteis também. Este snippet contém suas explicações e padrões:

    {
      // Configure glob patterns for excluding files and folders. 
      // For example, the files explorer decides which files and folders to show 
      // or hide based on this setting. 
      // Read more about glob patterns [here](https://code.visualstudio.com/docs/editor/codebasics#_advanced-search-options).
      "files.exclude": {
        "**/.git": true,
        "**/.svn": true,
        "**/.hg": true,
        "**/CVS": true,
        "**/.DS_Store": true
      },
      // Configure glob patterns for excluding files and folders in searches. 
      // Inherits all glob patterns from the `files.exclude` setting.   
      // Read more about glob patterns [here](https://code.visualstudio.com/docs/editor/codebasics#_advanced-search-options).
      "search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true
      },
      // Configure glob patterns of file paths to exclude from file watching. 
      // Patterns must match on absolute paths 
      // (i.e. prefix with ** or the full path to match properly). 
      // Changing this setting requires a restart. 
      // When you experience Code consuming lots of cpu time on startup, 
      // you can exclude large folders to reduce the initial load.
      "files.watcherExclude": {
        "**/.git/objects/**": true,
        "**/.git/subtree-cache/**": true,
        "**/node_modules/*/**": true
      }
    }

Para mais detalhes sobre as outras configurações, consulte a referência oficialsettings.json .

totymedli
fonte
6

Na versão 1.28 do código do Visual Studio "files.exclude"deve ser colocado dentro de um settingsnó.

Resultando em um arquivo de espaço de trabalho que se parece com:

{
    "settings": {
        "files.exclude": {
            "**/node_modules": true
        }
    }
}
Nisd
fonte
1

Nas versões mais recentes do VSCode, isso era movido para um bloco de configuração específico da pasta.

  • Vá para Arquivo -> Preferências -> Configurações (ou no Código Mac -> Preferências -> Configurações)
  • Escolha a guia Configurações da pasta

Em seguida, adicione um bloco "files.exclude", listando os globs de diretório que você deseja excluir:

{
    "files.exclude": {
        "**/bin": true,
        "**/obj": true
    },
}

insira a descrição da imagem aqui

moof2k
fonte
-9

Consegui remover os erros desativando as validações:

{
    "javascript.validate.enable": false,
    "html.validate.styles": false,
    "html.validate.scripts": false,
    "css.validate": false,
    "scss.validate": false
}

Obs: Meu projeto é um PWA usando StyledComponents, React, Flow, Eslint e Prettier.

Rafael Santos Sá
fonte
9
Isso não responde à pergunta do OP.
JoeMoe1984