Allinea tipi e interfacce TypeScript

Gli sviluppatori usano Formattatore TypeScript prima di una revisione del codice, una sessione di debug o un passaggio di consegne.

Formatta tipi, interfacce e funzioni TypeScript per semplificare revisione, modifica e debug. Usalo gratis nel browser, senza account.

Come si usa

Apri lo strumento e incolla il tuo codice TypeScript nell'area di input principale.
In alternativa, importa un file TypeScript o un altro file di testo supportato tramite il campo di importazione.
Esegui l'azione di formattazione per regolare spazi, interruzioni di riga e indentazione nel codice.
Controlla il risultato nell'area del risultato, poi copialo per usarlo nel tuo editor.
Svuota i campi prima di gestire un altro frammento, così il contenuto precedente non si mescola.

Esempio

Uno sviluppatore prepara una revisione del codice incollando un'interfaccia TypeScript scritta in fretta, la formatta e confronta il risultato con l'originale prima di aggiungerlo a una richiesta di unione.

Limiti e formati

Lo strumento non corregge errori di logica o tipi incompatibili; migliora principalmente la presentazione.
Controlla sempre l'output formattato quando il tuo team segue una guida di stile rigorosa.
I file supportati includono .ts, .tsx, .js, .json e altri formati di testo, ma l'output resta testo da copiare.
Per una base di codice grande, elaborare blocchi più piccoli può rendere il risultato più facile da verificare.

Dove avviene il trattamento

Tutto viene eseguito nel browser. Il codice che incolli o importi resta sul tuo dispositivo e non viene inviato da nessuna parte. Puoi formattare frammenti privati senza creare un account.

Domande frequenti

Come faccio a sapere che il mio codice TypeScript è pronto per la formattazione?

Incolla un frammento valido o importa un file supportato. Lo strumento si concentra sulla disposizione, quindi non sostituisce un compilatore TypeScript o un controllo dei tipi.

Posso formattare un file .tsx che contiene JSX?

Sì, la formattazione si applica al testo del file. Controlla poi le sezioni JSX, perché lo strumento presenta il codice senza imporre le convenzioni del tuo team.

Il risultato sostituisce il mio file originale?

No. Il risultato compare in un'area separata e lo copi se serve. Il file originale resta invariato sul tuo dispositivo.