Comment puis-je exclure un répertoire de l'onglet «Explorer» de Visual Studio Code?

J'essaie d'exclure plusieurs dossiers sous l'onglet "Explorer" dans Visual Studio Code. Pour ce faire, j'ai ajouté un jsconfig.json suivant à la racine de mon projet:

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

Mais le dossier "node_modules" est toujours visible dans l'arborescence des répertoires. Qu'est-ce que je fais mal? Il y a-t-il des alternatives?

Utilisez files.exclude :

• Allez dans Fichier -> Préférences -> Paramètres (ou sur Mac Code -> Préférences -> Paramètres )
• Choisissez l' workspace settingsonglet

• Ajoutez ce code au settings.jsonfichier affiché à droite:

  // 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 vous choisissez Fichier -> Préférences -> Paramètres utilisateur, vous configurez les dossiers d'exclusion globalement pour votre utilisateur actuel.

Dans les versions plus récentes de VS Code, vous accédez aux paramètres ( Ctrl+ ,) et assurez-vous de sélectionner Paramètres de l'espace de travail en haut à droite.

Ajoutez ensuite une files.excludeoption pour spécifier les modèles à exclure.

Vous pouvez également ajouter search.excludesi vous souhaitez uniquement exclure un fichier des résultats de la recherche et non de l'explorateur de dossiers.

tl; dr

1. Appuyez sur Ctrl+ Shift+ Pou Command+ Shift+ Psur mac
2. Tapez "Paramètres de l'espace de travail".
3. Modifiez les paramètres d'exclusion via l'interface graphique ou dans settings.json:

Façon GUI

1. Tapez "exclure" dans la barre de recherche.
2. Cliquez sur le bouton "Ajouter un motif".

Manière de code

1. Cliquez sur la petite {}icône dans le coin supérieur droit pour ouvrir settings.json:

2. Ajoutez des dossiers exclus à files.exclude. Consultez également search.excludeet files.watcherExcludecomme ils pourraient être utiles aussi. Cet extrait contient leurs explications et leurs valeurs par défaut:

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

Pour plus de détails sur les autres paramètres, voir la référence officiellesettings.json .

Dans la version 1.28 de Visual Studio, le code "files.exclude"doit être placé dans un settingsnœud.

Il en résulte un fichier d'espace de travail qui ressemble à:

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

Dans les versions plus récentes de VSCode, cela a été déplacé vers un bloc de configuration spécifique au dossier.

• Allez dans Fichier -> Préférences -> Paramètres (ou sur Mac Code -> Préférences -> Paramètres)
• Sélectionnez l' onglet Paramètres du dossier

Ajoutez ensuite un bloc "files.exclude", répertoriant les globes de répertoires que vous souhaitez exclure:

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

Il y a cette extension Explorer Exclude qui fait exactement cela. https://marketplace.visualstudio.com/items?itemName=RedVanWorkshop.explorer-exclude-vscode-extension

Il ajoute une option pour masquer le dossier / fichier actuel dans le menu contextuel. Il ajoute également un onglet vertical Éléments cachés au menu de l'explorateur où vous pouvez voir les fichiers et dossiers actuellement cachés et les basculer facilement.

J'ai réussi à supprimer les erreurs en désactivant les validations:

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

Obs: Mon projet est un PWA utilisant StyledComponents, React, Flow, Eslint et Prettier.