web-dev-qa-db-fra.com

Comment masquer certains fichiers de la barre latérale dans Visual Studio Code?

À l'aide du code Microsoft Visual Studio, comment masquer certains fichiers et modèles de fichiers dans la barre latérale?

Je veux masquer les fichiers de style .meta et .git

visual-studio-codevscode-settings
497
Chris

Vous pouvez configurer des modèles pour masquer les fichiers et les dossiers de l'explorateur et des recherches.

  1. Ouvrez les paramètres utilisateur VS (menu principal: Fichier> Préférences> Paramètres). Cela ouvrira l’écran de réglage.
  2. Rechercher des fichiers: exclure dans la recherche en haut.
  3. Configurez le paramètre utilisateur avec les nouveaux modèles globaux selon vos besoins. Dans ce cas, ajoutez ce motif node_modules/ puis cliquez sur OK. La syntaxe du motif est puissante. Vous pouvez trouver des détails sur les correspondances de motifs sous = rubrique Rechercher dans plusieurs fichiers .

Lorsque vous avez terminé, cela devrait ressembler à quelque chose comme ceci: enter image description here

Si vous souhaitez modifier directement le fichier de paramètres, par exemple, pour masquer un dossier node_modules de niveau supérieur dans votre espace de travail:

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

Pour masquer tous les fichiers commençant par ._ tels que les fichiers ._. DS_Store disponibles sur OSX:

"files.exclude": {
    "**/._*": true
}

Vous avez également la possibilité de modifier les paramètres de l'espace de travail (menu principal: Fichier> Préférences> Paramètres de l'espace de travail). Les paramètres d'espace de travail créeront un fichier .vscode/settings.json dans votre espace de travail actuel et ne s'appliqueront qu'à cet espace de travail. Les paramètres utilisateur seront appliqués globalement à toute instance de VS Code que vous ouvrez, mais ils ne remplaceront pas les paramètres Workspace, le cas échéant. En savoir plus sur la personnalisation Paramètres utilisateur et espace de travail .

881
Benjamin Pasero

Parfois, vous souhaitez simplement masquer certains types de fichiers pour un projet spécifique. Dans ce cas, vous pouvez créer un dossier dans votre dossier de projet appelé .vscode et y créer le fichier settings.json (c'est-à-dire .vscode/settings.json). Tous les paramètres de ce fichier n’affecteront que votre espace de travail actuel.

Par exemple, dans un projet TypeScript, voici ce que j'ai utilisé:

// Workspace settings
{
    // The following will hide the js and map files in the editor
    "files.exclude": {
        "**/*.js": true,
        "**/*.map": true
    }
}
193
omt66

Pour les fichiers .meta lors de l'utilisation de Unity3D, le meilleur modèle de masquage est le suivant:

"files.exclude": {
  "*/**/**.meta": true
}

Ceci capture tous les dossiers et sous-dossiers, et récupérera foo.cs.meta en plus de foo.meta

20
JerkyTreats

L'extension " Make Hidden " fonctionne très bien!

Make Hidden offre plus de contrôle sur le répertoire de votre projet en activant les menus contextuels qui vous permettent d’effectuer des actions de masquage/affichage sans effort, un explorateur de volet de visualisation pour afficher les éléments masqués et la possibilité d’enregistrer des espaces de travail pour basculer rapidement entre les éléments masqués en bloc.

17
Yehuda Kremer

Je voudrais également recommander l’extension vscode Peep , qui vous permet d’activer/masquer les fichiers exclus de vos projets settings.json.

Appuyez sur F1 pour la ligne de commande vscode (palette de commandes), puis

ext install [enter] peep [enter]

Vous pouvez lier "extension.peepToggle" à une touche telle que Ctrl + Maj + P (identique à F1 par défaut) pour faciliter le basculement. Appuyez sur Ctrl + K Ctrl + S pour les combinaisons de touches, entrez peep, sélectionnez Peep Toggle et ajoutez votre liaison.

16
Tony Krøger

Les dossiers __pycache__ et *.pyc sont totalement inutiles pour le développeur. Pour masquer ces fichiers de la vue Explorateur, nous devons modifier le fichier settings.json pour VSCode. Ajoutez le dossier et les fichiers comme indiqué ci-dessous:

"files.exclude": {
  ...
  ...
  "**/*.pyc": {"when": "$(basename).py"}, 
  "**/__pycache__": true,
  ...
  ...
}
8
A.J.

Si vous travaillez sur une application Angular 2 + et aimez comme vous un environnement de travail propre, suivez la réponse de @ omt66 et collez-la dans vos paramètres. fichier json. Je vous recommande de le faire une fois que toute la configuration initiale est terminée.

Remarque : Cela masquera également le dossier .vscode (avec settings.json). (Ouvrez dans votre explorateur de fichier natif/éditeur de texte si vous devez apporter des modifications par la suite)

https://Pastebin.com/X2NL6Vxb

{
    "files.exclude": {
        ".vscode":true,
        "node_modules/":true,
        "dist/":true,
        "e2e/":true,
        "*.json": true,
        "**/*.md": true,
        ".gitignore": true,
        "**/.gitkeep":true,
        ".editorconfig": true,
        "**/polyfills.ts": true,
        "**/main.ts": true,
        "**/tsconfig.app.json": true,
        "**/tsconfig.spec.json": true,
        "**/tslint.json": true,
        "**/karma.conf.js": true,
        "**/favicon.ico": true,
        "**/browserslist": true,
        "**/test.ts": true
    }
}
1
Riaan van Zyl