Entwicklerproduktivität Fortgeschritten 2 Schritte

JSON formatieren und TypeScript-Interface generieren

Beim Konsumieren einer JSON-API-Antwort will man sowohl lesbare Beispieldaten als auch eine passende Typdefinition. Diese Kette normalisiert zuerst das JSON (bringt Syntaxfehler früh an die Oberfläche), dann generiert sie ein TypeScript-Interface zum Einfügen in die Codebase.

Gelöstes Problem

Ein JSON-Dokument formatieren dann eine TypeScript-Interface-Definition inferieren in einer Kette.

Eingabe → Ausgabe

JSON-Formatierer Eingabe → JSON zu TypeScript Ausgabe , insgesamt 2 Schritte.

Ausführungsdauer

2–3 Min · vollständig lokal im Browser.

Vor dem Start

Ein gültiges JSON-Objekt (kein Array oder Primitiv)

Pipeline

1 JSON-Formatierer json-format

Format, minify, or sort JSON online. Kostenlos, privat und 100% clientseitig.

Parameter: mode=format
2 JSON zu TypeScript json-to-ts

Infer TypeScript interfaces from JSON. Kostenlos, privat, 100% clientseitig.

In Werkzeugkette öffnen

Läuft lokal im Browser. Das Rezept definiert nur die Pipeline — Ihre Eingaben verlassen nie diesen Tab.

▶Diesen Workflow ausführen

Geben Sie unten Ihre Eingabe ein und klicken Sie auf Ausführen. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser — nichts wird hochgeladen.

Eingabedaten

Pipeline-Fortschritt

JSON-Formatiererjson-format
JSON zu TypeScriptjson-to-ts

Beispiel-Eingabe

{"name":"uencoder","v":1}

Erwartete Ausgabe

interface Result {
  name: string;
  v: number;
}

Dieses Eingabe-Ausgabe-Paar wird beim Build mit echten Tools ausgeführt (tests/unit/recipes.test.ts) — die erwartete Ausgabe ist verifiziert, nicht illustrativ.