Comment puis-je exclure un répertoire de l'onglet "Explorer" du code Visual Studio?

Question

J'essaie d'exclure plusieurs dossiers de l'onglet "Explorer" dans Visual Studio Code. Pour ce faire, j'ai ajouté un fichier 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. Qu'est-ce que je fais mal? Il y a-t-il des alternatives?

Answer 1

Utilisez files.exclude :

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

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

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

Answer 2

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 option files.exclude pour spécifier les motifs à exclure.

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

Answer 3

tl; dr

1. Presse Ctrl + Shift + P
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 _{}_ en haut à droite pour ouvrir le _settings.json_:

2. Ajoutez les dossiers exclus à _files.exclude_. Consultez également _search.exclude_ et _files.watcherExclude_ car ils pourraient également être utiles. 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 référence officielle _settings.json_ .

Answer 4

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

Résultat: un fichier d'espace de travail ressemblant à:

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

Answer 5

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

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

Ajoutez ensuite un bloc "files.exclude", répertoriant le répertoire globs que vous souhaitez exclure:

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