À l'aide du code Visual Studio de Microsoft, comment masquer certains fichiers et modèles de fichiers d'apparaître dans la barre latérale?
Je souhaite masquer .meta
et .git
styliser les fichiers
command+p
(venant d'un fond sublime)
À l'aide du code Visual Studio de Microsoft, comment masquer certains fichiers et modèles de fichiers d'apparaître dans la barre latérale?
Je souhaite masquer .meta
et .git
styliser les fichiers
command+p
(venant d'un fond sublime)
Réponses:
Vous pouvez configurer des modèles pour masquer les fichiers et dossiers de l'explorateur et des recherches.
File > Preferences > Settings
. Cela ouvrira l'écran de réglage.files:exclude
dans la recherche en haut.node_modules/
puis cliquez sur OK. La syntaxe du modèle est puissante. Vous pouvez trouver les détails de correspondance des modèles dans la rubrique Rechercher dans les fichiers . Lorsque vous avez terminé, cela devrait ressembler à ceci:
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 ._.DS_Store
fichiers trouvés sur OSX:
"files.exclude": {
"**/._*": true
}
Vous avez également la possibilité de modifier les paramètres de l'espace de travail (menu principal:) File > Preferences > Workspace Settings
. Les paramètres de l'espace de travail créeront un .vscode/settings.json
fichier dans votre espace de travail actuel et ne seront appliqués qu'à cet espace de travail. Les paramètres utilisateur seront appliqués globalement à toute instance de code VS que vous ouvrez, mais ils ne remplaceront pas les paramètres de l'espace de travail s'ils sont présents. En savoir plus sur la personnalisation des paramètres utilisateur et espace de travail .
"**/node_modules/**": true
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 créer le settings.json
fichier là-dedans (ie .vscode/settings.json
). Tous les paramètres de ce fichier affecteront uniquement 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
}
}
L' extension " Make Hidden " fonctionne très bien!
Make Hidden offre plus de contrôle sur le répertoire de votre projet en activant des menus contextuels qui vous permettent d'effectuer des actions de masquage / affichage sans effort, un explorateur du volet d'affichage pour voir les éléments cachés et la possibilité d'enregistrer des espaces de travail pour basculer rapidement entre les éléments masqués en vrac.
Pour les .meta
fichiers lors de l'utilisation de Unity3D, j'ai trouvé que le meilleur modèle de masquage est:
"files.exclude": {
"*/**/**.meta": true
}
Cela capture tous les dossiers et sous-dossiers et sera repris foo.cs.meta
en plus defoo.meta
.pyc
fichiers générés par python .
Error parsing glob ... invalid use of **; must be one path component
"*/**/*.meta": true
Je voudrais également recommander l'extension vscode Peep , qui vous permet de basculer masquer sur les fichiers exclus dans vos projets settings.json.
Appuyez sur F1pour la ligne de commande vscode (palette de commandes), puis
ext install [enter] peep [enter]
Vous pouvez lier "extension.peepToggle" à une clé comme Ctrl+ Shift+ P(identique à celle F1par défaut) pour un basculement facile. Appuyez sur Ctrl+ K Ctrl+ Spour les raccourcis clavier, entrez peep
, sélectionnez Peep Toggle et ajoutez votre reliure.
Le __pycache__
dossier et les *.pyc
fichiers sont totalement inutiles pour le développeur. Pour masquer ces fichiers de la vue de l'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,
...
...
}
Si vous travaillez sur une application Angular 2+ , et comme moi vous aimez un environnement de travail propre, suivez la réponse @ omt66 et collez ce qui suit dans votre fichier settings.json. Je vous recommande de le faire une fois la configuration initiale terminée.
Remarque : Cela masquera également le dossier .vscode (avec settings.json). (Ouvrez dans votre explorateur de fichiers / éditeur de texte natif si vous devez apporter des modifications par la suite)
{
"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
}
}
Cela ne me convient peut-être pas si bien, mais si vous sélectionnez d'abord tous les fichiers auxquels vous souhaitez accéder en appuyant dessus dans la barre latérale, afin qu'ils apparaissent en haut de votre écran, par exemple: script.js, index. html, style.css. Fermez tous les fichiers dont vous n'avez pas besoin en haut.
Lorsque vous avez terminé, vous appuyez sur Ctrl + B sur Windows et Linux, je ne sais pas ce que c'est sur Mac.
Mais là vous l'avez. s'il vous plaît n'envoyez pas de haine
Ctrl-E
menu.