Wie verstecke ich bestimmte Dateien in Visual Studio Code in der Seitenleiste?

630

Wie kann ich mithilfe des Visual Studio-Codes von Microsoft verhindern, dass bestimmte Dateien und Dateimuster in der Seitenleiste angezeigt werden?

Ich möchte Dateien ausblenden .metaund .gitformatieren

Chris
quelle
3
Es ist nicht genau das, was Sie benötigen, aber Sie können zumindest bestimmte Ordner von der Suche ausschließen, indem Sie Ihren Arbeitsbereichseinstellungen die Eigenschaft "search.excludeFolders" hinzufügen. Dies war genug für mich, da ich normalerweise Dateien über das Ctrl-EMenü erreiche.
Katana314
1
Netter Tipp. Auf diese Weise command+pkomme ich auch zu Dateien und (aus einem erhabenen Hintergrund)
Chris
1
In Verbindung stehendes Problem über das automatische Ausblenden von .gitignored-Dateien in der Seitenleiste: github.com/Microsoft/vscode/issues/38878
Johan Walles

Antworten:

1080

Sie können Muster konfigurieren, um Dateien und Ordner vor dem Explorer und den Suchvorgängen auszublenden.

  1. Öffnen Sie die VS-Benutzereinstellungen (Hauptmenü :) File > Preferences > Settings. Dies öffnet den Einstellungsbildschirm.
  2. Suchen Sie files:excludein der Suche oben.
  3. Konfigurieren Sie die Benutzereinstellung nach Bedarf mit neuen Glob-Mustern. Fügen Sie in diesem Fall dieses Muster hinzu node_modules/und klicken Sie auf OK. Die Mustersyntax ist leistungsstark. Details zum Mustervergleich finden Sie unter dem Thema "Dateiübergreifend suchen" .

Wenn Sie fertig sind, sollte es ungefähr so ​​aussehen: Geben Sie hier die Bildbeschreibung ein

Wenn Sie die Einstellungsdatei direkt bearbeiten möchten: Zum Beispiel, um einen Ordner node_modules der obersten Ebene in Ihrem Arbeitsbereich auszublenden:

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

So verbergen Sie alle Dateien, die mit beginnen, ._z. B. ._.DS_StoreDateien, die unter OSX gefunden wurden:

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

Sie können auch die Arbeitsbereichseinstellungen ändern (Hauptmenü :) File > Preferences > Workspace Settings. Die Arbeitsbereichseinstellungen erstellen eine .vscode/settings.jsonDatei in Ihrem aktuellen Arbeitsbereich und werden nur auf diesen Arbeitsbereich angewendet. Benutzereinstellungen werden global auf jede von Ihnen geöffnete Instanz von VS-Code angewendet, überschreiben jedoch nicht die Arbeitsbereichseinstellungen, falls vorhanden. Weitere Informationen zum Anpassen der Benutzer- und Arbeitsbereichseinstellungen .

Benjamin Pasero
quelle
3
Gibt es eine Möglichkeit, Sym-Links / Aliase auszuschließen?
Granmoe
4
Um alle node_modules in Unterordnern auszublenden, können Sie Folgendes verwenden:"**/node_modules/**": true
supNate
3
In den späteren VSCode-Versionen (November 2017) verwenden Sie Datei> Einstellungen> Einstellungen und wählen in der Dropdown-Liste oben rechts Benutzereinstellungen oder Arbeitsbereich aus. Wenn Sie Arbeitsbereich auswählen, werden der Ordner .vscode und die Datei settings.json in Ihrem Projekt erstellt
Drenai
1
@becko, ja, Sie müssen Ihren Editor nach dem Ändern neu starten.
Johan Walles
3
Sie müssen VS Code nicht mehr neu starten, damit dies wirksam wird.
MarredCheese
213

Manchmal möchten Sie nur bestimmte Dateitypen für ein bestimmtes Projekt ausblenden. In diesem Fall können Sie in Ihrem Projektordner einen Ordner namens .vscodeerstellen und dort die settings.jsonDatei erstellen (dh .vscode/settings.json). Alle Einstellungen in dieser Datei wirken sich nur auf Ihren aktuellen Arbeitsbereich aus.

In einem TypeScript-Projekt habe ich beispielsweise Folgendes verwendet:

// Workspace settings
{
    // The following will hide the js and map files in the editor
    "files.exclude": {
        "**/*.js": true,
        "**/*.map": true
    }
}
omt66
quelle
8
VS Code verfügt jetzt über eine Registerkarte, wenn Sie zu Einstellungen> Einstellungen gehen, wo Sie zwischen Benutzereinstellungen und Arbeitsbereichseinstellungen wechseln können, sodass Sie die Datei nicht mehr manuell erstellen müssen. Tolles Beispiel zum Ausschließen von Dateitypen - danke!
Tim Franklin
24

Die Erweiterung " Make Hidden " funktioniert hervorragend!

Make Hidden bietet mehr Kontrolle über das Verzeichnis Ihres Projekts, indem Kontextmenüs aktiviert werden, mit denen Sie mühelos Aktionen zum Ausblenden / Anzeigen ausführen können, ein Ansichtsfenster-Explorer zum Anzeigen ausgeblendeter Elemente und die Möglichkeit zum Speichern von Arbeitsbereichen, um schnell zwischen ausgeblendeten Massenelementen umzuschalten.

Yehuda Kremer
quelle
23

Für .metaDateien, die Unity3D verwenden, habe ich Folgendes gefunden: Das beste Muster zum Ausblenden ist:

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

Dies erfasst alle Ordner und Unterordner und wird foo.cs.metazusätzlich zufoo.meta

JerkyTreats
quelle
5
Arbeitete für .pycvon Python generierte Dateien .
Dominic Motuka
3
Es funktioniert, aber dann funktioniert die globale Suche nicht mehr mit Fehler : Error parsing glob ... invalid use of **; must be one path component, sollte sein"*/**/*.meta": true
pasevin
20

Ich möchte auch die vscode-Erweiterung Peep empfehlen , mit der Sie das Ausblenden der ausgeschlossenen Dateien in Ihren Projekte settings.json umschalten können.

Hit F1für vscode Befehlszeile (command Palette), dann

ext install [enter] peep [enter]

Sie können "extension.peepToggle" zum einfachen Umschalten an eine Taste wie Ctrl+ Shift+ P(wie F1standardmäßig) binden . Drücken Sie Ctrl+ K Ctrl+ Sfür Tastenkombinationen, geben Sie ein peep, wählen Sie Peep Toggle und fügen Sie Ihre Bindung hinzu.

Tony Krøger
quelle
17

Der __pycache__Ordner und die *.pycDateien sind für den Entwickler völlig unnötig. Um diese Dateien in der Explorer-Ansicht auszublenden, müssen Sie die Datei settings.json für VSCode bearbeiten. Fügen Sie den Ordner und die Dateien wie folgt hinzu:

"files.exclude": {
  ...
  ...
  "**/*.pyc": {"when": "$(basename).py"}, 
  "**/__pycache__": true,
  ...
  ...
}
AJ
quelle
3

Wenn Sie an einer Angular 2+ -Anwendung arbeiten und wie ich eine saubere Arbeitsumgebung mögen, folgen Sie der Antwort @ omt66 und fügen Sie Folgendes in Ihre Datei settings.json ein. Ich empfehle Ihnen, dies zu tun, sobald alle anfänglichen Einstellungen abgeschlossen sind.

Hinweis : Dadurch wird auch der Ordner .vscode (mit settings.json) ausgeblendet. (Öffnen Sie in Ihrem nativen Datei-Explorer / Texteditor, wenn Sie anschließend Änderungen vornehmen müssen.)

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
    }
}
Riaan van Zyl
quelle
0

Dies ist für mich vielleicht keine so gute Antwort, aber wenn Sie zuerst alle Dateien auswählen, auf die Sie zugreifen möchten, indem Sie in der Seitenleiste darauf drücken, damit sie oben auf Ihrem Bildschirm angezeigt werden, zum Beispiel: script.js, index. html, style.css. Schließen Sie oben alle nicht benötigten Dateien.

Wenn Sie damit fertig sind, drücken Sie Strg + B unter Windows und Linux. Ich weiß nicht, was es unter Mac ist.

Aber da hast du es. Bitte senden Sie keinen Hass

Chokko2
quelle