Da YAML a TypeScript
Genera interfacce TypeScript da dati YAML
Input YAML
Output TypeScript
Cos'è YAML a TypeScript?
TypeScript usa interfacce e tipi per la struttura. Questo strumento genera interfacce TypeScript da YAML così puoi tipizzare la configurazione analizzata o i dati. La specifica YAML 1.2 definisce il formato di input.
La conversione funziona nel browser. Nessun dato viene inviato a un server. I tipi generati funzionano con parser come js-yaml o il pacchetto yaml. Per convertire JSON a TypeScript usa JSON a TypeScript.
Esempi YAML a TypeScript
Genera interfacce TypeScript da YAML. Esempio a tema telecom:
Esempio: Record abbonato
Output TypeScript:
Clicca il pulsante Esempio sopra per caricare altri esempi nell'editor.
Come Usare Questo Strumento
Incolla o Carica YAML
Copia il tuo YAML e incollalo nell'editor sinistro. Puoi anche cliccare su <strong>Carica</strong> per caricare un file <code>.yaml</code> o <code>.yml</code>. Il pulsante <strong>Esempio</strong> carica dati di esempio. YAML non valido mostra un errore.
Copia o Scarica
Usa <strong>Copia</strong> o <strong>Scarica</strong>. Per JSON a TypeScript usa JSON a TypeScript. Per la formattazione YAML usa YAML Formatter.
Quando YAML a TypeScript è Utile
Quando costruisci app Node.js o frontend che caricano configurazione YAML (es. <code>config.yml</code>, manifest Kubernetes o workflow CI), hai bisogno di strutture di tipi per i dati analizzati. Incolla un campione qui e ottieni interfacce TypeScript pronte per l'uso con js-yaml o il pacchetto yaml. Scrivere tipi manualmente per YAML complesso e annidato è tedioso; questo strumento deduce la struttura dal campione.
I file di configurazione come application.yml o i workflow GitHub Actions spesso hanno annidamento profondo. I tipi generati aiutano a individuare refusi e forniscono completamento automatico nell'IDE. Per estrarre valori specifici da YAML grande, prima converti in JSON e usa jq.
Domande Frequenti
Come analizzo YAML in TypeScript?
Usa il pacchetto js-yaml o yaml. Analizza la stringa YAML e assegnala al tipo generato: const config = yaml.parse(str) as MyConfig. Per la validazione a runtime considera Zod o io-ts.
js-yaml vs pacchetto yaml?
js-yaml è ampiamente usato. Il pacchetto yaml ha un'API diversa e una migliore conservazione dei commenti. Entrambi funzionano con i tipi generati.
I miei dati sono privati?
Sì. La generazione funziona interamente nel tuo browser. YAML o codice non vengono inviati a nessun server.
Campi opzionali vs obbligatori?
Il generatore deduce dal campione. Aggiungi ? alle proprietà dell'interfaccia per i campi opzionali. Per la validazione rigorosa a runtime usa Zod o strumenti simili con riferimento ai tipi generati.
Funziona con Angular o React?
Sì. I tipi generati funzionano in qualsiasi progetto TypeScript. Carica YAML al momento della build o a runtime e assegna al tipo dell'interfaccia generata. Per la configurazione dell'ambiente considera il caricamento di YAML in un servizio di configurazione.
Strumenti Correlati
Documentazione TypeScript. Specifica YAML. js-yaml. Specifica JSON. MDN.