JavaScript Formatter
Understand JavaScript Formatter
Dieses Tool räumt JavaScript- oder TypeScript-Text auf – Zeilenenden, Leerraum am Zeilenende und Folgen von Leerzeilen – und gibt die Eingabe lesbar als JSON aus, wenn es JSON erkennt.
How it works
Beginnt der Text mit { oder [, wird er zuerst als JSON versucht und, wenn er parst, mit zwei Leerzeichen Einrückung ausgegeben. Andernfalls ist das Aufräumen rein textuell: CRLF- und CR-Zeilenenden werden zu LF, Leerraum am Zeilenende wird aus jeder Zeile entfernt, und drei oder mehr aufeinanderfolgende Leerzeilen fallen auf zwei zusammen. Nichts wird als Code geparst, es kann sich also nichts an der Bedeutung Ihres Codes ändern – und ebenso bleibt eine bereits falsche Einrückung falsch.
When to use it
- Zeilenenden in einer Datei vereinheitlichen, die durch Editoren unter Windows und macOS gegangen ist.
- Einen JSON-Klumpen lesbar ausgeben, den Sie in eine JavaScript-Datei eingefügt gefunden haben.
- Einen Ausschnitt aufräumen, bevor Sie ihn in ein Issue oder einen Review-Kommentar einfügen.
- Erzeugte Ausgaben säubern, die mit verirrten Leerzeilen und Leerzeichen am Zeilenende übersät sind.
Watch out for
- Es rückt nicht neu ein. Minifiziertes JavaScript kommt auf einer Zeile an und geht auf einer Zeile hinaus – es auseinanderzuziehen erfordert einen Parser, der den Code aus einem Syntaxbaum neu aufbaut, und das ist dieses Tool nicht.
- Alles, was mit { oder [ beginnt, wird als JSON versucht, ein Ausschnitt, der zufällig auch ein gültiges JSON-Objekt ist, kommt also als JSON neu ausgegeben zurück statt als Code.
- Anführungszeichenstil, Semikola, Abstände innerhalb von Ausdrücken und Zeilenbreite bleiben unangetastet, eine Datei wird damit also nicht zu einer Prettier-Konfiguration passen.
Not the right tool for: Code zu formatieren, den Sie gleich committen. Prettier oder der Formatierer Ihres Editors parsen den Code und liefern ein Ergebnis, das über ein ganzes Team hinweg stabil ist; nutzen Sie dies für das schnelle Aufräumen von Text, den Sie irgendwohin einfügen.
Frequently Asked Questions
Warum ist das schlichter als Prettier?
Vollständiges AST-Parsing für JS/TS erfordert eine Bibliothek von 3–5 MB. Dieses Tool erledigt das schnelle Aufräumen – Zeilenenden vereinheitlichen, Einrückung korrigieren, überzählige Leerzeilen zusammenfassen und eingebettetes JSON erkennen – ohne diesen Ballast. Für Formatierung im Editor nutzen Sie die Prettier-Erweiterung für VS Code.
Kann das minifiziertes JavaScript formatieren?
Teilweise – es kommt mit dem häufigsten Muster zurecht, minifizierten JSON-artigen Objekten, die in JS eingebettet sind. Vollständig minifiziertes JS (alles in einer Zeile, ohne Leerzeichen) erfordert einen echten AST-Deparser, den dieses Tool nicht enthält.
Kommt es mit ES-Modulen und TypeScript zurecht?
Der Formatierer arbeitet textbasiert (nicht AST-basiert) und verarbeitet daher jede gültige JavaScript-Syntax, darunter import/export, async/await, Generics und Typannotationen, ohne sie zu verstehen. TypeScript-spezifische Syntax wird nicht fälschlich entfernt.
How to Use JavaScript Formatter
- Paste or type your input in the input area above.
- The tool processes your input automatically or click Run.
- Copy or download the result using the action buttons.
- Use Ctrl+Enter to run quickly from the keyboard.