Wie formatiere ich Code auf dieser Seite?
Fügen Sie den Code links ein oder laden Sie eine Datei, wählen Sie die gewünschten Optionen und klicken Sie auf Formatieren. Prüfen Sie das Ergebnis rechts und kopieren oder speichern Sie es.
Der JavaScript-Formatter macht minifiziertes oder uneinheitlich formatiertes JavaScript durch konsistente Einrückung, Abstände, Zeilenumbrüche und Klammerpositionen übersichtlich. Er unterstützt moderne Syntax wie Klassen, private Felder, async-Funktionen, Optional Chaining, Nullish Coalescing, Template-Literale, Module und React JSX.
Wählen Sie Tabs oder Leerzeichen, legen Sie eine bevorzugte Zeilenbreite fest, bestimmen Sie den Klammerstil, behalten Sie sinnvolle Zeilenumbrüche und vorhandene Array-Einrückungen bei oder teilen Sie lange Methodenketten. Mit Ctrl+Enter beziehungsweise Command+Enter formatieren Sie direkt aus dem Editor.
„Minifizieren“ entfernt Kommentare und unnötigen Code, behält aber lesbare Bezeichner bei. „Minifizieren und Bezeichner kürzen“ verkürzt zusätzlich geeignete lokale Bezeichner. Die Minifizierung erwartet ausführbares JavaScript; JSX muss daher vorher kompiliert werden. Die gesamte Verarbeitung erfolgt lokal im Browser.
Fügen Sie den Code links ein oder laden Sie eine Datei, wählen Sie die gewünschten Optionen und klicken Sie auf Formatieren. Prüfen Sie das Ergebnis rechts und kopieren oder speichern Sie es.
Die Eingabe muss zur gewählten Sprache oder Syntax passen. Prüfen Sie unvollständige Anweisungen, nicht geschlossene Klammern oder Anführungszeichen sowie einen unpassenden Dialekt oder Modus und versuchen Sie es erneut.
Ein Code-Formatierer erkennt sprachspezifische Token und verschachtelte Strukturen und ordnet Einzüge, Abstände und Zeilenumbrüche nach festen Regeln neu. Er kompiliert oder startet das Programm nicht; die Formatierung ersetzt daher keine Korrektheits- oder Sicherheitsprüfung.
Für Webprojekte sind 2 Leerzeichen üblich. Behalten Sie vorhandene Zeilenumbrüche bei, sofern das Projekt keinen Umbruch erzwingt, aktivieren Sie JSX für JSX-Eingaben und folgen Sie der Repository-Konfiguration für Klammern und andere Stilfragen. Formatieren, Minimieren und das Kürzen von Variablennamen sind getrennte Aktionen.