Wie kann man in Visual Studio Code den Code formatieren?

1. Automatisches Formatieren beim Speichern
2. Formatierungsbefehle manuell ausführen
3. Verwendung von Formatierungserweiterungen
4. Konfiguration der Formatierungseinstellungen
5. Fazit

Visual Studio Code (VS Code) ist ein sehr beliebter Editor, der vielseitige Funktionen zum Schreiben und Verwalten von Code bietet. Eine der wichtigsten Funktionen ist die Möglichkeit, den Code automatisch zu formatieren, um Lesbarkeit und Konsistenz zu gewährleisten. In diesem Artikel wird erklärt, wie man in Visual Studio Code den Code formatieren kann und welche Einstellungen dazu hilfreich sind.

Automatisches Formatieren beim Speichern

VS Code ermöglicht es, den Code automatisch zu formatieren, sobald man die Datei speichert. Diese Funktion sorgt dafür, dass der Code stets nach den definierten Formatierungsregeln angepasst wird. Um dies zu aktivieren, öffnet man die Einstellungen (entweder über das Zahnrad unten links oder mit der Tastenkombination Strg + ,) und sucht nach Format on Save. Anschließend kann man die Checkbox aktivieren, die dafür sorgt, dass bei jedem Speichern der Datei automatisch eine Formatierung ausgeführt wird.

Formatierungsbefehle manuell ausführen

Wenn man nicht möchte, dass beim Speichern automatisch formatiert wird, kann man die Formatierung auch manuell starten. Dazu steht der Befehl Format Document zur Verfügung, der über das Kontextmenü beim Rechtsklick im Editor oder über die Tastenkombination Shift + Alt + F (unter Windows) ausgeführt werden kann. Dadurch wird der gesamte Code im aktiven Dokument formatiert.

Verwendung von Formatierungserweiterungen

Visual Studio Code unterstützt eine Vielzahl von Programmiersprachen, und für viele davon gibt es spezifische Formatierungserweiterungen. Zum Beispiel ist für JavaScript und TypeScript der Prettier-Formatter sehr beliebt, der konsistente Formatierung nach gängigen Styleguides garantiert. Man kann solche Erweiterungen im Extensions Marketplace installieren und konfigurieren. Nach der Installation wählen Sie die entsprechende Extension als Standardformatter aus, damit VS Code diesen bei den Formatierungsbefehlen nutzt.

Konfiguration der Formatierungseinstellungen

Neben der Auswahl des Formatters können in VS Code verschiedene Einstellungen definiert werden, die das Formatierungsverhalten steuern. Hierzu zählen unter anderem Einrückungsgröße, Verwendung von Tabs oder Leerzeichen, Zeilenlänge und weitere Formatierungsoptionen. Diese Einstellungen können global oder projektspezifisch in der settings.json Datei angepasst werden. Durch eine sinnvolle Konfiguration wird sichergestellt, dass der Code immer nach den gewünschten Kriterien formatiert wird.

Fazit

Das Formatieren in Visual Studio Code ist eine zentrale Funktion, die sowohl automatisch als auch manuell genutzt werden kann. Mit der Aktivierung von Format on Save spart man sich einen Arbeitsschritt und sorgt für immer sauberen und gut lesbaren Code. Außerdem bieten Erweiterungen wie Prettier eine erweiterte Kontrolle und mehr Anpassungsmöglichkeiten. Insgesamt verbessert die regelmäßige Formatierung die Codequalität und erleichtert die Zusammenarbeit im Team.