ENTWICKLERWERKZEUGE

JavaScript Verschönerer

Formatieren Sie das unordentliche JavaScript mit Prettier in Ihrem Browser. Wählen Sie Parser, Breite, Einrückung, Anführungszeichen, Semikolons, abschließende Kommas und die Behandlung eingebetteten Codes.

JavaScript-Formatierer

Die Ausgabe wird automatisch mit Prettier aktualisiert, wenn Sie eine Datei eingeben, einfügen, laden oder Optionen ändern. Die Formatierung wird in diesem Browser ausgeführt.

Prettier-Optionen
Aktuelles Format

-

Ausgabebytes
Eingangsbytes
0
Bytes hinzugefügt
0
Eingabezeilen
0
Ausgabezeilen
0

Fügen Sie gültiges JavaScript ein, um die automatisch formatierte Ausgabe anzuzeigen.

Auf diesem Gerät gespeichert

Aktuelle Verschönerungsergebnisse bleiben nur in diesem Browser erhalten.

No data
Noch keine gespeicherten Verschönerungsergebnisse.

So verschönern Sie JavaScript sicher

Was dieser Formatierer macht

Prettier-Formatierung

Dieses Tool verwendet Prettier im Browser, sodass eingefügte Snippets denselben Formatierungsregeln entsprechen, die viele Projekte verwenden.

Echte Prettier-Optionen

Verwenden Sie Parser, Druckbreite, Tabulatoren, Semikolons, Anführungszeichen, abschließende Kommas und Klammeroptionen von Prettier selbst.

Browser-lokale Plugins

Die Parser-Plugins JavaScript, TypeScript, HTML, CSS, GraphQL, Markdown und YAML sind lokal für die Browserformatierung gebündelt.

Häufige Fehler

Auswahl des falschen Parsers

Wenn TypeScript oder TSX mit dem JavaScript-Parser fehlschlägt, wechseln Sie den Parser zu TypeScript / TSX.

Erwartet benutzerdefinierte Klammerstile

Prettier ist eigensinnig. Es werden nicht alle Stiloptionen für geschweifte Klammern oder Leerzeichen angezeigt.

Verwendung als Typprüfer

Prettier analysiert und druckt Code. Es führt keine Typprüfung des Codes durch und ersetzt auch nicht den Build Ihres Projekts.

Tipps

Zuerst einfügen

Fügen Sie den Code ein oder ändern Sie eine Option und die Ausgabe wird automatisch mit den aktuellen Prettier-Einstellungen aktualisiert.

Passend zu Ihrem Projekt

Verwenden Sie die gleichen Druckbreiten, Tabulatoren, Semikolons, Anführungszeichen und abschließenden Kommas, die Ihr Projekt verwendet.

Speichern Sie nützliche Snippets

Speichern Sie ein Ergebnis, wenn Sie Optionen vergleichen oder dasselbe Snippet später in diesem Browser wiederverwenden möchten.