jsonecho

Babel Formatter

Modernes JavaScript und React-JSX mit dem Babel-Parser formatieren.

Tool wird geladen ...

So verwenden Sie Babel Formatter

  1. Fügen Sie Ihren Code ein. Die Formatierungs-Engine wird beim ersten Mal kurz geladen.
  2. Passen Sie bei Bedarf die Optionen an.
  3. Kopieren Sie das formatierte Ergebnis.

Über Babel Formatter

Babel ist der Parser, den der Großteil der JavaScript-Welt verwendet, und er versteht die neuesten Syntax-Vorschläge, JSX eingeschlossen. Dieser Formatierer parst Ihren Code damit und gibt ihn mit einheitlicher Einrückung, Anführungszeichen und Zeilenumbrüchen neu aus.

Anders als der JS Beautifier verweigert er die Formatierung von Code mit Syntaxfehler und sagt Ihnen, wo der Fehler liegt. Damit eignet er sich auch gut, um eine fehlende Klammer zu finden.

Häufig gestellte Fragen

Unterstützt es JSX?

Ja, React-JSX wird geparst und formatiert.

Was passiert, wenn mein Code einen Syntaxfehler hat?

Sie sehen den Fehler mit Zeile und Spalte, und es wird nichts formatiert.

Wie unterscheidet es sich vom JS Beautifier?

Der Beautifier passt nur Leerraum an und akzeptiert fast alles. Dieser hier parst den Code vollständig und gibt ihn neu aus, seine Ausgabe ist daher konsistenter, erfordert aber gültige Syntax.

Warum hat der erste Durchlauf eine Sekunde gedauert?

Die Formatierungs-Engine für diese Sprache wird beim ersten Gebrauch heruntergeladen und dann von Ihrem Browser zwischengespeichert. Danach erfolgt die Formatierung sofort, und nichts verlässt Ihren Rechner.

Mehr in Code-Formatierer

Alle Tools →