Come posso escludere una directory dalla scheda "Esplora" del codice di Visual Studio?

Sto cercando di escludere diverse cartelle nella scheda "Esplora" in Visual Studio Code. Per fare ciò ho aggiunto un seguente jsconfig.json alla radice del mio progetto:

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

Ma la cartella "node_modules" è ancora visibile nella struttura di directory. Che cosa sto facendo di sbagliato? Ci sono altre opzioni?

Usa files.exclude :

• Vai a File -> Preferenze -> Impostazioni (o su Codice Mac -> Preferenze -> Impostazioni )
• Scegli la workspace settingsscheda

• Aggiungi questo codice al settings.jsonfile visualizzato sul lato destro:

  // 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 scegli File -> Preferenze -> Impostazioni utente , configura le cartelle di esclusione a livello globale per l'utente corrente.

Nelle versioni più recenti di VS Code, vai alle impostazioni ( Ctrl+ ,) e assicurati di selezionare Impostazioni dell'area di lavoro in alto a destra.

Quindi aggiungere files.excludeun'opzione per specificare i motivi da escludere.

Puoi anche aggiungere search.excludese desideri escludere un file solo dai risultati di ricerca e non da Esplora cartelle.

tl; dr

1. Premi Ctrl+ Shift+ Po Command+ Shift+ Psu mac
2. Digita "Impostazioni dell'area di lavoro".
3. Modifica le impostazioni di esclusione tramite la GUI o in settings.json:

Modo GUI

1. Digita "escludi" nella barra di ricerca.
2. Fare clic sul pulsante "Aggiungi motivo".

Modo codice

1. Fai clic sulla piccola {}icona nell'angolo in alto a destra per aprire settings.json:

2. Aggiungi cartelle escluse a files.exclude. Guarda anche search.excludee files.watcherExcludepotrebbero essere utili. Questo frammento contiene le loro spiegazioni e impostazioni predefinite:

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

Per maggiori dettagli sulle altre impostazioni, consultare il riferimento ufficialesettings.json .

Nella versione 1.28 di Visual Studio Code "files.exclude"deve essere inserito in un settingsnodo.

Il risultato è un file dell'area di lavoro simile a:

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

Nelle versioni più recenti di VSCode questo è stato spostato in un blocco di configurazione specifico della cartella.

• Vai a File -> Preferenze -> Impostazioni (o su Codice Mac -> Preferenze -> Impostazioni)
• Seleziona la scheda Impostazioni cartella

Quindi aggiungere un blocco "files.exclude", elencando i globi della directory che si desidera escludere:

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

C'è questa estensione Explorer Exclude che fa esattamente questo. https://marketplace.visualstudio.com/items?itemName=RedVanWorkshop.explorer-exclude-vscode-extension

Aggiunge un'opzione per nascondere la cartella / il file corrente al menu di scelta rapida. Aggiunge inoltre una scheda verticale Elementi nascosti al menu Explorer in cui è possibile visualizzare i file e le cartelle attualmente nascosti e attivarli facilmente.

Sono riuscito a rimuovere gli errori disabilitando le convalide:

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

Obs: Il mio progetto è un PWA che usa StyledComponents, React, Flow, Eslint e Prettier.