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

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?

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.

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.

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.

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".

Código maneira

1. Clique no pequeno {}ícone no canto superior direito 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 .

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

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

Existe esta extensão Explorer Exclude que faz exatamente isso. https://marketplace.visualstudio.com/items?itemName=RedVanWorkshop.explorer-exclude-vscode-extension

Ele adiciona uma opção para ocultar a pasta / arquivo atual no menu do botão direito. Ele também adiciona uma guia vertical Itens ocultos ao menu do explorador, onde você pode ver arquivos e pastas ocultos no momento e alterná-los facilmente.

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.