Wie kann ich WebStorm so einstellen, dass es automatisch formatieren soll?
- Einführung
- Automatische Formatierung beim Speichern aktivieren
- Automatisches Formatieren beim Code-Einfügen oder beim Schreiben
- Manuelles Formatieren per Tastenkürzel
- Code-Stil Einstellungen konfigurieren
- Zusammenfassung
Einführung
WebStorm bietet verschiedene Möglichkeiten, den Code automatisch beim Schreiben oder Speichern zu formatieren.
Diese automatische Formatierung hilft dabei, den Code konsistent und übersichtlich zu halten, ohne dass manuell die Formatierungsfunktion ausgeführt werden muss.
Automatische Formatierung beim Speichern aktivieren
Um WebStorm so einzustellen, dass der Code automatisch beim Speichern formatiert wird, muss man eine entsprechende Einstellung aktivieren und gegebenenfalls Plugins verwenden.
Standardmäßig bietet WebStorm keine eingebaute Funktion, die beim Speichern automatisch formatiert, aber man kann dies durch die Verwendung von sogenannten "File Watchers" oder Plugins realisieren.
Ein Weg ist, den integrierten "File Watcher" zu verwenden. Dieser kann so konfiguriert werden, dass bei Änderungen oder Speichern bestimmter Dateitypen ein Formatierungs-Tool wie Prettier oder andere Formatierer ausgeführt wird. Dazu öffnet man die Einstellungen unter Datei > Einstellungen > Tools > File Watchers und fügt einen neuen File Watcher hinzu, der beispielsweise mit dem Befehl von Prettier den Code automatisch formatiert.
Automatisches Formatieren beim Code-Einfügen oder beim Schreiben
WebStorm bietet die Möglichkeit, den Code während des Schreibens automatisch zu formatieren. Unter Datei > Einstellungen > Editor > General > Smart Keys finden Sie die Option Reformat Code on paste”. Ist diese aktiviert, wird eingefügter Code automatisch an den konfigurierten Stil angepasst. Außerdem gibt es Einstellungen, um die automatische Einrückung beim Drücken der Enter-Taste zu unterstützen.
Allerdings gibt es keine native Option, die dauerhaft alle Änderungen während des Schreibens in Echtzeit formatiert.
Manuelles Formatieren per Tastenkürzel
Falls eine automatische Formatierung beim Speichern oder Schreiben nicht gewünscht oder aktivierbar ist, kann man jederzeit den Code manuell mit dem Tastenkürzel formatieren. In WebStorm ist das standardmäßig Strg + Alt + L (Windows/Linux) oder Cmd + Alt + L (macOS). Dieses Kommando formatiert den aktuell geöffneten Code nach den in den Einstellungen definierten Code-Stil-Regeln.
Code-Stil Einstellungen konfigurieren
Damit die automatische Formatierung den gewünschten Stil verwendet, sollten die Code-Stil-Einstellungen passend konfiguriert werden. Diese finden sich unter Datei > Einstellungen > Editor > Code Style für verschiedene Sprachen (z.B. JavaScript, HTML, CSS). Dort können Einrückungen, Leerzeichen-Regeln, Zeilenumbrüche und weitere Formatierungsoptionen individuell eingestellt werden. Die automatische Formatierung richtet sich immer nach diesen Einstellungen.
Zusammenfassung
Um WebStorm so einzustellen, dass es automatisch formatiert, empfiehlt es sich, den Einsatz eines File Watchers mit einem Formatierer wie Prettier zu nutzen, da eine native automatische Formatierung beim Speichern nicht direkt enthalten ist. Für kleinere Automatisierungen bietet WebStorm Optionen zum automatischen Reformatieren beim Einfügen von Code sowie umfangreiche manuelle Formatierungsmöglichkeiten per Tastenkürzel. Wichtig ist zudem, dass der gewünschte Code-Stil passend konfiguriert ist, damit die automatische Formatierung in WebStorm optimal funktioniert.