¿Cómo puedo excluir un directorio de Visual Studio Code "Explorar" ficha?

Estoy tratando de excluir varias carpetas en el "Explorar" ficha en Visual Studio Code. Para ello he añadido un jsconfig.json siguiente a la raíz de mi proyecto:

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

Pero la carpeta "node_modules" sigue siendo visible en el árbol de directorios. ¿Qué estoy haciendo mal? ¿Hay alguna otra opción?

Solución

Utilice archivos.excluir:

  • Ve a Archivos -> Preferencias -> Configuración (o en Mac Código -> Preferencias -> Configuración)

  • Elige la pestaña `workspace settings

  • Añade este código al archivo settings.json que aparece a la derecha:

     // Coloque su configuración en este archivo para sobrescribir la configuración por defecto y la del usuario.
    
     {
         "files.exclude": {
             "**/.git": true, // este es un valor por defecto
             "**/.DS_Store": true, // este es un valor por defecto
    
             "**/node_modules": true, // esto excluye todas las carpetas
                                      // llamadas "node_modules" de
                                      // el árbol de exploración
    
             // versión alternativa
             "node_modules": true // esto excluye la carpeta
                                     // sólo de la raíz de
                                     // su espacio de trabajo
         }
     }

Si eligió File -> Preferences -> User Settings entonces configura las carpetas excluidas globalmente para su usuario actual.

Comentarios (9)

En las versiones más recientes de VS Code, navegue hasta la configuración (Ctrl+,), y asegúrese de seleccionar Configuración del espacio de trabajo en la parte superior derecha.

A continuación, añada una opción files.exclude para especificar los patrones a excluir.

También puedes añadir search.exclude si sólo quieres excluir un archivo de los resultados de la búsqueda, y no del explorador de carpetas.

Comentarios (3)

He conseguido eliminar los errores desactivando 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 utilizando StyledComponents, React, Flow, Eslint y Prettier.

Comentarios (1)