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

visual studio code ubuntu

Question

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?

Answer 1

tl; dr

1. Presione Ctrl + Shift + P
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 icono {} en la esquina superior derecha para abrir settings.json :

2. Agregue carpetas excluidas a files.exclude . files.exclude . Consulte también search.exclude y files.watcherExclude ya que tambié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 settings.json .

Answer 2

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

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

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

Answer 3

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

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

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

Answer 4

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

Luego agregue un bloque "files.exclude", enumerando los globos de directorio que desea excluir:

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

Answer 5

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.

Answer 6

Use files.exclude :

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

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

  // Place your settings in this file to overwrite default and user 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.