Wie ändert man die Einrückung in Visual Studio Code?

Für jede Typescript-Datei verwendet Visual Studio Code eine automatische Einrückung von 8 Leerzeichen. Dies ist ein bisschen zu viel für meinen Geschmack, aber ich kann nicht finden, wo es zu ändern.

Vielleicht ist es als eine Einstellung verfügbar, aber unter einem anderen Namen, da ich nichts finden kann, was mit Einrückung zu tun hat.

UPDATE

Ich verwende derzeit den [Prettier code formatter] (https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) und der löst alle Formatierungsprobleme durch automatische Formatierung beim Speichern (wenn kein Syntaxfehler vorliegt)

Lösung

In der Symbolleiste in der rechten unteren Ecke sehen Sie ein Element, das wie folgt aussieht Wenn Sie darauf klicken, haben Sie die Möglichkeit, den Einzug mit Leerzeichen oder Tabulatoren zu wählen. Nach der Auswahl des Einrückungstyps haben Sie die Möglichkeit, die Größe des Einzugs zu ändern. Im obigen Beispiel ist die Einrückung auf 4 Leerzeichen pro Einzug eingestellt. Wenn Sie Tabulatoren als Einrückungszeichen auswählen, wird Tabulatorgröße anstelle von Leerzeichen angezeigt.

Wenn Sie möchten, dass dies für alle Dateien gilt und nicht für jede einzelne Datei, überschreiben Sie die Parameter "Editor: Tabulatorgröße" und "Editor: Leerzeichen einfügen" entweder in Benutzereinstellungen oder Arbeitsbereichseinstellungen, je nach Bedarf

Bearbeiten 1

Um zu Ihren Benutzer- oder Arbeitsbereichseinstellungen zu gelangen, gehen Sie zu Präferenzen -> Einstellungen. Vergewissern Sie sich, dass Sie sich auf der Registerkarte Benutzer oder Arbeitsbereich befinden, je nachdem, was Sie benötigen, und verwenden Sie die Suchleiste, um die Einstellungen zu finden. Möglicherweise möchten Sie auch `Editor: Einrückung erkennen" deaktivieren, da diese Einstellung die Einstellungen für "Editor: Leerzeichen einfügen" und "Editor: Tabulatorgröße", wenn sie aktiviert ist.

Kommentare (12)

So ändern Sie die Einrückung auf der Grundlage der Programmiersprache:

  1. Öffnen Sie die Befehlspalette (Ctrl+Shift+P)

  2. Einstellungen: Konfigurieren Sie sprachspezifische Einstellungen... (Befehl-ID: workbench.action.configureLanguageBasedSettings)

  3. Wählen Sie die Programmiersprache (zum Beispiel TypeScript)

  4. Fügen Sie diesen Code ein:

    "[typescript]": {
        "editor.tabSize": 2
    }

Siehe auch: VS Code Docs

Kommentare (2)

Vielleicht möchten Sie auch die editor.detectIndentation auf false setzen, zusätzlich zu Elliot-J's Antwort.

VSCode überschreibt Ihre Einstellungen editor.tabSize und editor.insertSpaces pro Datei, wenn es feststellt, dass eine Datei ein anderes Einrückungsmuster für Tabulatoren oder Leerzeichen hat. Dieses Problem kann auftreten, wenn Sie bestehende Dateien zu Ihrem Projekt hinzufügen oder wenn Sie Dateien mit Codegeneratoren wie Angular Cli hinzufügen. Die obige Einstellung verhindert, dass VSCode dies tut.

Kommentare (0)