Code-Formatierer (Prettier)

Code mit Prettier formatieren – im Browser

Füge unordentlichen oder minifizierten Code ein und formatiere ihn mit Prettier, dem meinungsstarken Formatierer, den Millionen Projekte nutzen. Unterstützt JavaScript, TypeScript, JSX, JSON, CSS, SCSS, Less, HTML, Vue, Markdown, YAML und GraphQL – mit denselben Optionen, die du in eine .prettierrc schreiben würdest.

Warum wird mein Code nicht formatiert?

Prettier muss deinen Code zuerst parsen, ein Syntaxfehler (eine fehlende Klammer, ein überzähliges Komma) stoppt also das Formatieren. Die Fehlermeldung zeigt Zeile und Spalte – behebe den Fehler dort, und die Ausgabe aktualisiert sich automatisch. Achte darauf, dass die gewählte Sprache zu deinem Code passt.

Ist das dasselbe wie Prettier lokal?

Ja – diese Seite nutzt den offiziellen Standalone-Build von Prettier 3. Der Parser jeder Sprache wird beim ersten Gebrauch geladen, und dein Code verlässt nie dein Gerät.