Wie kann ich in Visual Studio Code meinen Code formatieren?

vor 5 Tagen

Melden

Einführung in die Codeformatierung in Visual Studio Code

Visual Studio Code (VS Code) ist ein vielseitiger und beliebter Quelltext-Editor, der Entwicklern dabei hilft,

sauberen und gut strukturierten Code zu schreiben. Eine wichtige Funktion, die dabei unterstützt, ist die Codeformatierung.

Sie sorgt dafür, dass der Code einheitlich und lesbar bleibt, indem Einrückungen, Abstände und Zeilenumbrüche automatisch angepasst werden.

In VS Code kann man den Code sehr einfach mit einer Tastenkombination formatieren. Unter Windows und Linux funktioniert dies in der Regel mit

Diese Aktion formatiert die aktuell geöffnete Datei basierend auf den Einstellungen des Editors oder der verwendeten Erweiterung.

Damit die Formatierung optimal funktioniert, ist oft die Installation einer passenden Erweiterung (Extension) sinnvoll.

Für verschiedene Programmiersprachen existieren unterschiedliche Formatter, wie zum Beispiel Prettier für JavaScript/TypeScript,

oder Beautify für HTML und CSS. Diese Erweiterungen können die Formatierung an die gängigen Standards der jeweiligen Sprache anpassen.

Um noch komfortabler zu arbeiten, kann man VS Code so konfigurieren, dass der Code automatisch beim Speichern formatiert wird.

Dazu muss in den Einstellungen die Option editor.formatOnSave aktiviert werden. Dadurch wird sichergestellt,

dass der Code immer sauber bleibt, ohne dass man manuell die Tastenkombination drücken muss.

VS Code erlaubt es, die Formatierung sehr flexibel anzupassen. In den Benutzereinstellungen oder projektbezogenen Datei-Konfigurationen

kann man beispielsweise die Einrückungstiefe, das Verwenden von Tabs oder Leerzeichen sowie weitere Stilregeln definieren.

Die Codeformatierung in Visual Studio Code ist eine praktische Funktion, die durch Tastenkombinationen, Erweiterungen und Einstellungen

leicht genutzt werden kann. Durch die automatische und einheitliche Formatierung wird der Code lesbarer und die Entwicklung effizienter.