¿Cómo puedo excluir un directorio de la pestaña "Explorar" del código de Visual Studio?

Estoy tratando de excluir varias carpetas en la pestaña "Explorar" en Visual Studio Code. Para hacer eso, he agregado el siguiente jsconfig.json a la raíz de mi proyecto:

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

Pero la carpeta "node_modules" todavía está visible en el árbol de directorios. ¿Qué estoy haciendo mal? ¿Hay más opciones?

Use files.exclude :

• Vaya a Archivo -> Preferencias -> Configuración (o en Código Mac -> Preferencias -> Configuración )
• Elige la workspace settingspestaña

• Agregue este código al settings.jsonarchivo que se muestra en el lado derecho:

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

Si elige Archivo -> Preferencias -> Configuración de usuario , configurará las carpetas de exclusión globalmente para su usuario actual.

En las versiones más recientes de VS Code, navega a la configuración ( Ctrl+ ,) y se asegura de seleccionar Configuración del espacio de trabajo en la esquina superior derecha.

Luego agregue un files.exclude opción para especificar patrones para excluir.

También puede agregar search.excludesi solo desea excluir un archivo de los resultados de búsqueda, y no del explorador de carpetas.

tl; dr

1. Presione Ctrl+ Shift+ Po Command+ Shift+P en mac
2. Escriba "Configuración del espacio de trabajo".
3. Cambie la configuración de exclusión a través de la GUI o en settings.json:

Manera GUI

1. Escriba "excluir" en la barra de búsqueda.
2. Haga clic en el botón "Agregar patrón".

Forma de código

1. Haga clic en el pequeño {}ícono en la esquina superior derecha para abrir settings.json:

2. Agregar carpetas excluidas a files.exclude. También echa un vistazo search.excludey files.watcherExcludetambién pueden ser útiles. Este fragmento contiene sus explicaciones y valores predeterminados:

   {
     // 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 obtener más detalles sobre las otras configuraciones, consulte la referencia oficialsettings.json .

En la versión 1.28 de Visual Studio Code "files.exclude"debe colocarse dentro de unsettings nodo.

Resultando en un archivo de espacio de trabajo que se parece a:

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

En las versiones más recientes de VSCode, esto se movió a un bloque de configuración específico de carpeta.

• Vaya a Archivo -> Preferencias -> Configuración (o en Código Mac -> Preferencias -> Configuración)
• Elija la pestaña Configuración de carpeta

A continuación, agregue un bloque "files.exclude", enumerando los globos de directorio que desea excluir:

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

Existe esta extensión Explorer Exclude que hace exactamente esto. https://marketplace.visualstudio.com/items?itemName=RedVanWorkshop.explorer-exclude-vscode-extension

Agrega una opción para ocultar la carpeta / archivo actual en el menú del botón derecho. También agrega una pestaña vertical Elementos ocultos al menú del explorador donde puede ver los archivos y carpetas actualmente ocultos y puede alternarlos fácilmente.

Logré eliminar los errores deshabilitando las validaciones:

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

Obs: Mi proyecto es un PWA que usa StyledComponents, React, Flow, Eslint y Prettier.