TypeScript-Formatierer

TypeScript-Code direkt im Browser sauber und lesbar formatieren und einrücken.

Dieses Tool läuft vollständig in deinem Browser. Deine Dateien werden niemals auf einen Server hochgeladen.

type User= {
  name:string;
  age:number
};
const user:User= {
  name:'Ada',age:36
};

Was dieser Formatierer macht

Fügt nach öffnenden und schließenden Klammern sowie Semikolons Zeilenumbrüche ein und nutzt zwei Leerzeichen je Klammerstufe — Interfaces, Typliterale, Klassen und Funktionskörper werden gleich behandelt, da sie für diesen Formatierer alle nur klammerbegrenzte Blöcke sind. Gewöhnliche Strings, Template-Literale, Escapes und erkannte Zeilen- oder Blockkommentare bleiben erhalten; anderer Leerraum wird reduziert.

Anwendung

Füge TypeScript ein und prüfe die sofort aktualisierte Ausgabe. Kopiere sie oder leere den Editor mit Reset; das Beispiel wird nicht wiederhergestellt.

Formatierungsverhalten

Dieselbe Klammer-und-Semikolon-Aufteilung gilt, egal ob der Block ein Funktionskörper, eine Klasse, ein Interface oder ein Objekt-Typliteral ist — jede { öffnet eine neue eingerückte Zeile und jedes ; beendet eine Zeile. Generische Typparameter wie <T> und spitze Klammern werden als gewöhnliche Zeichen durchgereicht, da der Formatierer keine Typen parst.

Wichtige Grenze

Dies ist ein zeichenbasierter Klammerformatierer, kein TypeScript-Parser, Typprüfer oder standardbewusster Printer. Er versteht Generics, Decorators, Typannotationen, Union-/Intersection-Typen oder Ambient-Deklarationen nicht als eigene Konstrukte — er versteht auch keine regulären Ausdrucksliterale oder automatische Semikolon-Einfügung und meldet keine unpassenden Klammern oder ungültigen Code. Regex-Wiederholungsklammern und zeilensensitive Anweisungen können daher falsch verändert werden.

Sicherer Ablauf

Bewahre das Original auf und führe vor dem Produktionseinsatz den echten Formatierer deines Projekts (wie Prettier), den TypeScript-Compiler und deine Testsuite aus — dieses Tool ordnet nur das Layout neu an, es prüft nicht, ob der Code weiterhin typkorrekt ist.

Datenschutz

Die Formatierung erfolgt lokal in deinem Browser; eingefügter Code wird nicht hochgeladen.

Häufig gestellte Fragen

Was macht der TypeScript-Formatierer?
TypeScript-Code direkt im Browser sauber und lesbar formatieren und einrücken.
Verändert dieses TypeScript-Tool das Programmverhalten?
Es ändert nur Layout oder entfernbare Leerzeichen. Bei ungewöhnlicher Syntax die Ausgabe vor dem Produktionseinsatz prüfen.
Wird mein Code hochgeladen?
Die Verarbeitung erfolgt lokal; dein Code wird nicht hochgeladen.