Flow Formatter
Formatiere typisierten Flow-JavaScript-Code mit diesem Flow Formatter. Füge Code mit Typ-Aliasen, exakten Objekttypen, annotierten Funktionen oder der @flow-Pragma ein. Das Werkzeug ordnet den Code Token für Token neu an: mit zwei Leerzeichen Einzug, Abständen bei Typannotationen und Operatoren, Semikolons am Ende von Anweisungen und eng anliegenden Klammern bei exakten Objekttypen. Nützlich für Entwickler, die Flow-Codebasen pflegen und übersichtliche Snippets für Reviews, Migrationen und Dokumentation benötigen.
Häufig gestellte Fragen
Wie funktioniert der Flow Formatter?
Er zerlegt deinen Code in Tokens wie geschweifte Klammern, Semikolons, Operatoren, Zeichenfolgen und Kommentare und erstellt daraus das Layout neu. Blöcke werden mit zwei Leerzeichen eingerückt, Anweisungen enden mit Semikolons und Operatoren erhalten einheitliche Abstände.
Wie werden exakte Objekttypen formatiert?
Bei exakten Objekttypen stehen die senkrechten Striche direkt an den Klammern, mit einem Leerzeichen innen, zum Beispiel: type Props = {| name: string, age: number |}. Abstände nach Doppelpunkten und Kommas innerhalb des Typs werden vereinheitlicht.
Bleibt der @flow-Kommentar erhalten?
Ja, die // @flow-Pragma und alle anderen Zeilen- und Blockkommentare bleiben erhalten. Ein Zeilenkommentar beendet immer seine Zeile, sodass der folgende Code in einer neuen Zeile beginnt.
Prüft der Formatter die Typen meines Codes?
Nein, er führt weder Flow aus noch prüft er die Syntax und formatiert daher auch unvollständige Snippets. Führe flow check in deinem Projekt aus, um Typfehler zu finden.
Bleiben Generics und Typparameter erhalten?
Ja, spitze Klammern in Typen wie Array<string> oder Map<K, V> werden erkannt und nicht mit Vergleichsoperatoren verwechselt. Abstände nach Kommas innerhalb der Klammern werden vereinheitlicht.
Kann ich die Einzugsbreite ändern?
Nein, die Ausgabe verwendet immer zwei Leerzeichen, und es gibt keine Stiloptionen. So bleibt die Formatierung bei jedem Durchlauf und im Team einheitlich.
Werden Zeichenfolgen verändert?
Nein, String-Literale, Template-Literale und reguläre Ausdrücke werden genau wie geschrieben übernommen. Nur die Leerzeichen zwischen Tokens werden geändert.
Warum ist die Ausgabe als javascript-Codezaun formatiert?
Flow ist typisiertes JavaScript, daher wird das Ergebnis als Markdown-Codeblock mit der Kennzeichnung javascript ausgegeben, die von den meisten Syntaxhervorhebungen korrekt dargestellt wird. Kopiere für deine .js- oder .flow-Datei die Zeilen zwischen den Codezäunen.
Ändert die Formatierung, was mein Code tut?
Das Werkzeug ordnet nur Leerzeichen neu an und ergänzt Semikolons am Ende von Anweisungen. Prüfe das Ergebnis, wenn dein Code von Zeilen ohne Semikolon abhängt, die mit einer öffnenden Klammer oder eckigen Klammer beginnen.
Wie viel Code kann ich formatieren?
Bis zu 5 MB Code pro Durchlauf; größere Eingaben werden mit einer Meldung abgelehnt. Das Ergebnis ist identisch mit der Flow-Option des Code Formatter.