TypeScript Formatter
Räume TypeScript-Code mit diesem TypeScript Formatter auf. Füge Interfaces, Typen, Enums, Generics, Klassen oder Funktionen ein. Das Werkzeug ordnet sie Token für Token neu an: mit zwei Leerzeichen Einzug, einem Leerzeichen nach Doppelpunkten in Typannotationen und um Operatoren, einem Member pro Zeile in Blöcken und Enums sowie Semikolons am Ende von Anweisungen. Ideal für Entwickler, die Snippets, generierten Code oder eingefügte Beispiele vor dem Teilen oder Prüfen bereinigen möchten.
Häufig gestellte Fragen
Wie funktioniert der TypeScript Formatter?
Er liest deinen Code als Folge von Tokens, etwa geschweiften Klammern, Semikolons, Operatoren, Zeichenfolgen und Kommentaren, und erstellt daraus das Layout neu. Geschweifte Klammern öffnen eingerückte Blöcke, Semikolons beenden Zeilen und Operatoren erhalten einheitliche Abstände.
Prüft das Werkzeug mein TypeScript auf Fehler?
Nein, es prüft weder Typen noch Syntax und formatiert daher auch unvollständige Snippets. Führe tsc aus oder nutze die Prüfungen deines Editors, wenn du wissen musst, ob der Code kompiliert.
Wie werden Interfaces und Enums formatiert?
In Interfaces und Klassen steht jedes Member in einer eigenen Zeile, mit zwei Leerzeichen Einzug und einem Semikolon nach jedem Member. Enum-Member stehen jeweils in einer eigenen Zeile und erhalten alle ein abschließendes Komma, auch das letzte.
Bleiben Generics unverändert?
Ja, spitze Klammern von Generics wie Array<T> oder Map<string, T> werden erkannt und nicht als Vergleichsoperatoren behandelt. Abstände nach Kommas innerhalb der Klammern werden vereinheitlicht.
Welchen Einzug verwendet das Werkzeug?
Blöcke werden mit zwei Leerzeichen eingerückt; diese Einstellung lässt sich nicht ändern. Kurze Objektliterale nach einer Zuweisung oder einem return bleiben in einer Zeile.
Bleiben Kommentare erhalten?
Ja. Zeilenkommentare beenden ihre Zeile, und der Code wird darunter fortgesetzt. Blockkommentare bleiben an ihrer Position.
Werden Zeichenfolgen und Template-Literale verändert?
Nein, String-Literale, Template-Literale und reguläre Ausdrücke werden genau wie geschrieben übernommen. Nur die Leerzeichen zwischen Tokens werden neu angeordnet.
Verändert die Formatierung das Verhalten meines Codes?
Der Formatter ändert nur Leerzeichen und ergänzt fehlende Semikolons am Ende von Anweisungen. Prüfe das Ergebnis, wenn dein Code an ungewöhnlichen Stellen auf die automatische Semikolon-Einfügung angewiesen ist, etwa bei einer Zeile, die mit einer öffnenden Klammer beginnt.
Warum ist die Ausgabe von einem typescript-Codezaun umschlossen?
Das Ergebnis wird als Markdown-Codeblock mit der Kennzeichnung typescript ausgegeben, damit es in Markdown, Issues und Chats mit Syntaxhervorhebung dargestellt wird. Kopiere für eine .ts-Datei die Zeilen zwischen den Codezäunen.
Wie groß darf mein Code sein?
Du kannst pro Durchlauf bis zu 5 MB Code formatieren. Größere Eingaben werden mit einer Meldung abgelehnt. Das Ergebnis entspricht der TypeScript-Option des Code Formatter.