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


269

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?



Maintenant, cela a une interface graphique! Voir ma réponse.
totymedli

Réponses:


488

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.


8
Juste si quelqu'un se demande: une barre oblique de fin n'aide pas (ni ne nuit) à limiter l'exclusion aux seuls dossiers. c'est à dire "**/BACKUP/": trueest aussi bon / mauvais que sans la dernière barre oblique.
Frank Nocke

La valeur que vous fournissez sur le RHS semble être fusionnée avec la valeur sur le LHS. Vraisemblablement, il faudrait copier la valeur du LHS et la définir falsepour écraser les valeurs par défaut.
roganartu

Correction: Ce devrait être "** / node_modules": vrai
Shekhar Kumar

Comment fonctionne l'héritage ici? Dois-je répertorier toutes les exclusions ou uniquement celles qui ne figurent pas dans les paramètres utilisateur?
Robert Jeppesen

6
Il convient de noter que dans la version actuelle de Code (1.28.2), la files.excludeclé appartient à l' intérieur de la settingsclé du code-workspacefichier.
Tom

81

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.

entrez la description de l'image ici

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.


7
Exclure de la recherche tout en étant en mesure de parcourir les fichiers dans l'explorateur - exactement ce dont j'avais besoin, merci!
davnicwil

1
Merci d'avoir préciséWorkspace Settings
JJS

3
J'ai dû le placer à l' files.excludeintérieur settings:{ ... }lors de son application aux paramètres de l' espace de travail ( fichier .code-workspace ), sinon il se plaignait que les lignes de la propriété étaient inconnues. Il y avait un troisième onglet "Paramètres du dossier" (.vscode / settings.json) dans lequel il fonctionnait dans les accolades les plus externes.
PAT

42

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". Ajouter un motif d'exclusion dans les paramètres VS Code

Manière de code

  1. Cliquez sur la petite {}icône dans le coin supérieur droit pour ouvrir settings.json: Cliquez sur l'icône des crochets 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 .


6

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

1

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
    },
}

entrez la description de l'image ici



-9

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.


9
Cela ne répond pas du tout à la question du PO.
JoeMoe1984
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.