Verschönern Sie TypeScript Online – Kostenloser TS-Formatierer

Verschönern Sie TypeScript sofort mit Prettier. Die gesamte Verarbeitung erfolgt in Ihrem Browser – keine Uploads.

Laden…

TypeScript Verschönerung

TypeScript online verschönern.

Merkmale

Formatieren Sie TS mit konfigurierbarer Druckbreite und Anführungszeichenstil.

Verschönern TypeScript

Formatieren Sie TS mit konfigurierbarer Druckbreite und Anführungszeichenstil.

Einfaches Beispiel

TypeScript Quelle

interface User{id:number;name:string}async function fetchUsers<T extends User>(ids:number[]):Promise<T[]>{const res=await fetch(`/api/users?ids=${ids.join(",")}`);return res.ok?(await res.json())?.data??[]:[]}

Verschönert TypeScript

Schnittstelle Benutzer {
  id: number;
  name: string;
}
asynchrone Funktion fetchUsers<T extends User>(ids: number[]): Promise<T[]> {
  const res = await fetch(`/api/users?ids=${ids.join(',')}`);
  return res.ok ? ((await res.json())?.data ?? []): [];
}

Formatierungsoptionen

Druckbreite

Zeilenumbruch bei 80, 100 oder 120 Spalten.

Passen Sie die Tabulatorbreite, Tabulatoren vs. Leerzeichen und den Zitatstil in der Symbolleiste an.

Schönere Formatierung

Verwendet Prettier mit dem TypeScript-Parser. Informationen zur JavaScript-Minifizierung finden Sie in unserem JS-Minifier oder JS-Verschönerer.

FAQ – Verschönern TypeScript

Verschönerung

TypeScript vs. JavaScript?

Dieses Tool erwartet TypeScript-Syntax. Für einfaches JS verwenden Sie den JS Beautifier.

Müssen Sie die Minimierung aufheben?

Probieren Sie den TypeScript Unminifier – dieselbe Prettier-Engine.

Werden Daten hochgeladen?

Nein – die Formatierung erfolgt vollständig in Ihrem Browser.

Suchen Sie nach Konvertern, Encodern, Formatierern und Minifiern an einem Ort? Hub für Entwicklertools Öffnen Sie den kuratierten Entwicklertools-Katalog.