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

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

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:

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 .

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

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.

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

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.

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

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

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