So funktioniert es
- Fügen Sie Ihren Code ein oder klicken Sie zum Ausprobieren auf „Beispiel laden“.
- Wählen Sie JavaScript, TypeScript oder JSON und stellen Sie Einrückung, Zeilenbreite, Semikolons und Anführungszeichen ein.
- Klicken Sie auf „Formatieren“ oder drücken Sie Strg+Enter (⌘+Enter auf dem Mac).
- Kopieren Sie den formatierten Code.
Optionen erklärt
- Einrückung
- 2 Leerzeichen sind die Prettier-Voreinstellung und der verbreitetste Stil in JavaScript-Projekten. Tab rückt mit Tabulatorzeichen ein.
- Zeilenbreite
- Prettier bricht Ausdrücke um, die länger als diese Zeichenzahl wären. Standard ist 80.
- Semikolons
- Ausschalten, um Semikolons am Ende von Anweisungen wegzulassen. Prettier setzt sie trotzdem dort, wo das Weglassen die Bedeutung ändern würde.
- Einfache Anführungszeichen
- Verwendet für Strings 'einfache' statt "doppelte" Anführungszeichen, sofern das nicht mehr Escapes erfordert.
Beispiele
Minifiziertes Bundle. Fügen Sie ein einzeiliges, minifiziertes Snippet ein, um zu verstehen, was es tut – das Formatieren stellt Einrückung und Zeilenumbrüche wieder her, kurze Variablennamen bleiben allerdings kurz.
Team-Stil. Übernehmen Sie die Prettier-Einstellungen Ihres Projekts, zum Beispiel 4 Leerzeichen Einrückung, keine Semikolons und einfache Anführungszeichen.
Häufig gestellte Fragen
Funktioniert es mit JSX und moderner Syntax?
Ja. Der JavaScript-Modus nutzt den Parser von Babel, der JSX, Optional Chaining, Klassenfelder, Top-Level-await und andere aktuelle Syntax versteht.
Warum wird ein Syntaxfehler gemeldet?
Prettier muss den Code parsen, bevor es ihn formatieren kann, und stoppt daher bei Code, der kein gültiges JavaScript ist. Die Meldung nennt Zeile und Spalte, die Sie prüfen sollten.
Verhält sich der formatierte Code genauso?
Ja. Prettier ändert nur Leerraum, Zeilenumbrüche, Anführungszeichen, Klammern und Semikolons – und zwar so, dass die Bedeutung des Codes erhalten bleibt.
Wird mein Code hochgeladen?
Nein. Prettier läuft in Ihrem Browser, Ihr Code bleibt also auf Ihrem Gerät.
Datenschutz
Dieses Tool läuft vollständig in Ihrem Browser. Ihre Dateien und Texte werden auf Ihrem Gerät verarbeitet und nie auf unsere Server hochgeladen.