it-swarm.com.de

Wie kann man den Einzug in Visual Studio Code ändern?

Für jede TypeScript-Datei verwendet Visual Studio Code einen automatischen Einzug von 8 Leerzeichen. Dies ist ein bisschen zu viel für meinen Geschmack, aber ich kann nicht finden, wo ich es ändern kann.

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

124
HMR

In der Symbolleiste in der rechten unteren Ecke sehen Sie ein Element, das wie folgt aussieht:  enter image description here Nach dem Anklicken haben Sie die Möglichkeit, mit Leerzeichen oder Tabulatoren einzurücken. Nachdem Sie Ihren Einzugstyp ausgewählt haben, können Sie die Größe des Einzugs ändern. Im obigen Beispiel wird der Einzug auf 4 Leerzeichen pro Einzug gesetzt. Wenn Tab als Einrückungszeichen ausgewählt ist, wird Tab Size anstelle von Spaces angezeigt.

Wenn Sie möchten, dass dies für alle Dateien gilt, und nicht für einzelne Dateien, überschreiben Sie die Einstellungen editor.tabSize und editor.insertSpaces entweder in User Settings oder Workspace Settings je nach Ihren Anforderungen

245
elliot-j

Gehen Sie folgendermaßen vor, um den Einzug basierend auf Programmiersprache zu ändern:

  • Fügen Sie dies zu Ihren Einstellungen hinzu (Ctrl+,):
    (Beispiel für TypeScript-spezifische Einstellungen):

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

OR

  • Ctrl+Shift+P (Öffnen Sie die Befehlspalette)
  • Einstellungen: Sprachspezifische Einstellungen konfigurieren ... (Befehls-ID: workbench.action.configureLanguageBasedSettings)
  • Programmiersprache auswählen
  • Code wie oben hinzufügen.

Siehe auch: VS Code Docs

66
MA-Maddin

Möglicherweise möchten Sie auch den editor.detectIndentation auf false setzen, zusätzlich zu der Antwort von Elliot-J. 

VSCode überschreibt Ihre editor.tabSize- und editor.insertSpaces-Einstellungen pro Datei, wenn festgestellt wird, dass eine Datei ein anderes Tabulator- oder Leerzeichen-Einrückungsmuster hat. Dieses Problem kann auftreten, wenn Sie Ihrem Projekt vorhandene Dateien hinzufügen oder wenn Sie Dateien mit Codegeneratoren wie Angular Cli hinzufügen. Die obige Einstellung verhindert, dass VSCode dies tut.

36
RMuesi

Verknüpfung zur Code-Formatierung:

VSCode unter Windows - Umschalt + Alt + F

VSCode unter MacOS - Umschalt + Wahltaste + F

VSCode unter Ubuntu - Strg + Umschalt + I

Sie können diese Verknüpfung bei Bedarf auch mithilfe der Voreinstellungen anpassen.

Spaltenauswahl mit Tastatur Ctrl + Shift + Alt + Arrow

23

In meinem Fall " EditorConfig for VS Code " überschreibt die Erweiterung die VSCode-Einstellungen . Wenn Sie sie installiert haben, überprüfen Sie die Datei .editorconfig im Stammordner des Projekts.

Hier ist eine Beispielkonfiguration. Die "indent_size" legt die Anzahl der Leerzeichen für eine Registerkarte fest.

# editorconfig.org
root = true

[*]
indent_style = space
indent_size = 4
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[*.md]
trim_trailing_whitespace = false
9
Aviw

Problem: Die akzeptierte Antwort fixiert den Einzug im aktuellen Dokument nicht.

Lösung: Führen Sie Format Document aus, um das Dokument gemäß den aktuellen (neuen) Einstellungen erneut zu verarbeiten.

Problem: Die HTML-Dokumente in meinen Projekten sind vom Typ "Django-HTML" und nicht von "HTML", und es ist kein Formatierungsprogramm verfügbar.

Lösung: Wechseln Sie zur Syntax "HTML", formatieren Sie sie und wechseln Sie dann wieder zu "Django HTML".

Problem: Der HTML-Formatierer weiß nicht, wie er mit Django-Vorlagen-Tags umgehen soll, und macht einen Großteil meiner sorgfältig angewendeten Schachtelung rückgängig.

Lösung: Installieren Sie die Erweiterung Indent 4-2 , die die Einrückung ohne Rücksicht auf die aktuelle Sprachsyntax streng ausführt (was ich in diesem Fall möchte).

4
shacker

Ich wollte die Einrückung meiner bestehenden HTML-Datei von 4 Leerzeichen auf 2 Leerzeichen ändern. 

Ich habe in der Statusleiste auf die Schaltfläche "Leerzeichen: 4" geklickt und sie im nächsten Dialogfeld in zwei geändert.

Ich benutze die Erweiterung "vim". Ich kann nicht ohne vim neu einrücken

Um meine aktuelle Datei wieder einzurücken, habe ich Folgendes verwendet:

gg

=

G
2
Rounak

Um alle vorhandenen Dateien und neuen Dateien auf die Speicherplatzidentifikation 2 zu setzen, fügen Sie sie einfach in Ihre settingns.json (im Stammverzeichnis von json) ein:

"[TypeScript]": {
        "editor.defaultFormatter": "vscode.TypeScript-language-features",
        "editor.tabSize": 2,
        "editor.insertSpaces": true,
        "editor.detectIndentation":false
 }

sie können den Sprachtyp der Konfiguration hinzufügen:

"[javascript]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true,
    "editor.detectIndentation":false
} 
1

Add on: Ja, Sie können die Einstellungen für den Bereich mit der rechten unteren Benutzeroberfläche konfigurieren. Wenn Sie jedoch über vorhandenen Code verfügen, der nicht mit dem neuen Abstand formatiert ist, können Sie mit der rechten Maustaste auf eine beliebige Stelle in der Datei klicken und auf Document Document klicken. Ich habe eine Weile gebraucht, um das herauszufinden, bis ich über diese Ausgabe gestolpert bin.

Menü Dokument formatieren

0
Wompinalong