Vai al contenuto

Formattatore TypeScript

Riordinate il codice TypeScript con questo Formattatore TypeScript. Incollate interfacce, tipi, enum, generici, classi o funzioni: lo strumento li riorganizza token per token con rientri di due spazi, uno spazio dopo i due punti nelle annotazioni di tipo e attorno agli operatori, un membro per riga nei blocchi e negli enum e punti e virgola alla fine delle istruzioni. Ideale per gli sviluppatori che vogliono ripulire frammenti, codice generato o esempi incollati prima di condividerli o esaminarli.

Reimposta

Domande frequenti

Come funziona il Formattatore TypeScript?

Legge il codice come un flusso di token, ad esempio parentesi graffe, punti e virgola, operatori, stringhe e commenti, e ricostruisce la disposizione a partire da questi. Le parentesi graffe aprono blocchi rientrati, i punti e virgola terminano le righe e gli operatori ricevono una spaziatura uniforme.

Controlla se il mio codice TypeScript contiene errori?

No, non esegue controlli dei tipi né convalida la sintassi, quindi formatta anche frammenti incompleti. Eseguite tsc o i controlli del vostro editor per sapere se il codice viene compilato.

Come vengono formattate le interfacce e gli enum?

Nei corpi di interfacce e classi viene disposto un membro per riga, con rientri di due spazi e un punto e virgola dopo ogni membro. I membri degli enum vengono disposti uno per riga, ciascuno seguito da una virgola finale, compreso l'ultimo.

I generici vengono mantenuti intatti?

Sì, le parentesi angolari dei generici, come Array<T> o Map<string, T>, vengono riconosciute e non scambiate per operatori di confronto. Gli spazi dopo le virgole all'interno delle parentesi vengono uniformati.

Quale rientro usa?

I blocchi hanno un rientro di due spazi e non ci sono opzioni per modificarlo. I letterali di oggetto brevi dopo un'assegnazione o un return restano su una sola riga.

I commenti vengono mantenuti?

Sì. I commenti su una riga terminano la riga e il codice prosegue sotto; i commenti su più righe restano nella posizione originale.

Le stringhe e i template literal vengono modificati?

No, i letterali stringa, i template literal e le espressioni regolari vengono copiati esattamente come sono scritti. Vengono riordinati solo gli spazi bianchi tra i token.

La formattazione cambierà il comportamento del mio codice?

Il formattatore modifica solo gli spazi bianchi e aggiunge i punti e virgola mancanti alla fine delle istruzioni. Esaminate il risultato se il codice si basa sull'inserimento automatico del punto e virgola in casi insoliti, ad esempio quando una riga inizia con una parentesi.

Perché l'output è racchiuso in un fence di codice typescript?

Il risultato viene restituito come blocco di codice Markdown contrassegnato come typescript, così viene visualizzato con l'evidenziazione in Markdown, nelle issue e nelle chat. Copiate le righe tra i fence per un file .ts.

Quanto codice posso inserire?

Potete formattare fino a 5 MB di codice per volta; gli input più grandi vengono rifiutati con un messaggio. Il risultato è lo stesso dell'opzione TypeScript del Formattatore di codice.

Informazioni su OneClick Pro

OneClick Pro è una raccolta gratuita di oltre 150 strumenti web per le attività quotidiane: convertire immagini e unità di misura, formattare e convalidare codice, controllare domini e SEO, lavorare con testi, date e numeri. Ogni strumento funziona senza registrazione né abbonamento; i dati inseriti vengono usati solo per calcolare il risultato e non vengono mai salvati. Usatelo come cassetta degli attrezzi per attività occasionali oppure aggiungete ai preferiti gli strumenti che usate ogni giorno.