Loading...
Loading...
Formatieren und verschönern Sie JavaScript, TypeScript, HTML, CSS, JSON, Markdown, YAML und mehr mit Prettier. Anpassbare Regeln und sofortige Formatierung.
Drücken Sie Ctrl + Enter zum Formatieren
Kopieren Sie Ihren unordentlichen oder unformatierten Code und fügen Sie ihn in den Eingabeeditor ein.
Wählen Sie den entsprechenden Parser (JavaScript, TypeScript, HTML, CSS, JSON usw.).
Passen Sie Formatierungsoptionen wie Tab-Breite, Anführungszeichen, Semikolons und nachgestellte Kommas an.
Klicken Sie auf 'Code Formatieren' zum Verschönern, dann kopieren oder laden Sie das formatierte Ergebnis herunter.
Formatieren Sie JavaScript, TypeScript, HTML, CSS, JSON, Markdown, YAML, GraphQL, SCSS und Less mit vollständiger Prettier-Unterstützung.
Feinabstimmung der Formatierung mit Optionen für Tab-Breite, Anführungszeichen, Semikolons, nachgestellte Kommas und Klammer-Abstand.
Sehen Sie Ihren ursprünglichen Code und die formatierte Ausgabe gleichzeitig in einer sauberen Editor-Oberfläche mit geteiltem Fenster.
Formatieren Sie Tausende von Codezeilen in Millisekunden mit Prettier's blitzschnellem Parsing-Engine.
Verwandeln Sie minimierten, unlesbaren Code in wunderschön formatierten, menschenlesbaren Code mit richtiger Einrückung und Abstand.
Testen und validieren Sie Team-Codierungs-Styleguides vor dem Commit. Stellen Sie Konsistenz in Ihrer gesamten Codebasis sicher.
Richtig formatierter Code macht das Debuggen erheblich einfacher, indem er die Lesbarkeit verbessert und strukturelle Probleme aufdeckt.
Sehen Sie, wie Prettier Code formatiert, um branchenübliche Formatierungskonventionen und Best Practices zu lernen.
Formatieren Sie schnell Code-Snippets für Dokumentation, Blog-Posts, Stack Overflow-Antworten oder Tutorials.
Passen Sie die Formatierer-Einstellungen an den spezifischen Styleguide und die Formatierungspräferenzen Ihres Projekts an.
Code-Formatierung ist unerlässlich für die Pflege lesbarer, konsistenter und professioneller Codebasen. Dieses Tool verwendet Prettier, den Branchenstandard-Code-Formatierer, dem weltweit Millionen von Entwicklern vertrauen.
Die gesamte Formatierung erfolgt in Ihrem Browser. Ihr Code verlässt niemals Ihr Gerät und gewährleistet vollständige Privatsphäre und Sicherheit.
Verwendet Prettier, den Branchenstandard-Code-Formatierer mit bewährten, meinungsstarken Formatierungsregeln.
Formatieren Sie selbst große Dateien sofort ohne Server-Roundtrips oder API-Ratenlimits.
Einmal geladen, funktioniert der Formatierer vollständig offline. Keine Internetverbindung erforderlich.
Keine Registrierung, keine Limits, keine versteckten Kosten. Formatieren Sie unbegrenzt Code jederzeit, überall.
Erhalten Sie produktionsreifen, konsistent formatierten Code, der professionellen Standards entspricht.
Anzahl der Leerzeichen pro Einrückungsebene. 2 Leerzeichen ist Prettier's Standard und am häufigsten in JavaScript. 4 Leerzeichen ist üblich in Python und älteren Codebasen.
Mit Tabs statt Leerzeichen einrücken. Tabs sind zugänglicher (Benutzer können ihre bevorzugte Breite festlegen), aber Leerzeichen sind in der Webentwicklung häufiger.
Semikolons am Ende von Anweisungen hinzufügen. JavaScript erfordert sie nicht (ASI), aber viele Styleguides fordern sie aus Sicherheits- und Klarheitsgründen.
Einfache Anführungszeichen statt doppelter Anführungszeichen für Strings verwenden. Einfache Anführungszeichen sind in JavaScript beliebt; doppelte Anführungszeichen sind Standard für JSON.
Nachgestellte Kommas hinzufügen, wo in ES5 (Objekte, Arrays) oder all (einschließlich Funktionen) gültig. Erzeugt sauberere Git-Diffs beim Hinzufügen neuer Elemente.
Leerzeichen zwischen Klammern in Objektliteralen drucken. { foo: bar } vs {foo: bar}. Abstand ist lesbarer; kein Abstand ist kompakter.
Aktivieren Sie 'Auto-Format beim Einfügen', um Code automatisch zu verschönern, sobald Sie ihn einfügen. Spart Zeit und Klicks.
Konfigurieren Sie Einstellungen, um der .prettierrc-Datei Ihres Projekts zu entsprechen. Häufige Kombinationen: 2-Leerzeichen-Tabs + einfache Anführungszeichen für JavaScript, 4 Leerzeichen für Python-Stil.
Setzen Sie nachgestellte Kommas auf 'all' oder 'es5', um sauberere Git-Diffs beim Hinzufügen neuer Array-/Objekt-Elemente zu erzeugen.
Prettier ist absichtlich meinungsstark. Vertrauen Sie seinen Standards - sie basieren auf jahrelangem Community-Feedback und realer Nutzung.