Formattatore di codice
Incolla codice disordinato, scegli il linguaggio e ottieni la versione formattata con Prettier, pronta da copiare. Tutto nel browser.
Gratuito davvero. Nessuna registrazione, nessuna email, nessun limite, nessun cookie. Non salviamo l'URL che analizzi.
Incolla il codice, scegli il linguaggio e premi «Formatta».
Cosa questo strumento non può vedere
La formattazione riguarda solo la forma del codice (indentazione, spaziatura, a capo): non ne cambia il comportamento e non corregge errori di logica. Prettier gira nel tuo browser, il codice non viene inviato da nessuna parte.
A cosa serve
Un codice formattato in modo coerente è più facile da leggere, rivedere e mantenere, e mette d'accordo un intero team su un unico stile, senza discussioni. Questo strumento usa Prettier, lo stesso motore che gira negli editor e nelle pipeline di migliaia di progetti: incolli il codice, scegli il linguaggio, e ottieni un output identico a quello dello standard, senza installare nulla.
Fa parte del set di strumenti per sviluppatori insieme al JWT decoder, al convertitore Base64 e al convertitore di Unix timestamp. Per la tipografia del tuo design system, un ottimo strumento è typescaler.com.
Domande frequenti
›Quali linguaggi supporta?
JSON, JavaScript, TypeScript, JSX/TSX, CSS, SCSS, LESS, HTML, Vue, Markdown, YAML e GraphQL. La formattazione è affidata a Prettier, lo standard de facto del web dev, quindi il risultato è identico a quello che otterresti da riga di comando.
›Il mio codice viene inviato a un server?
No. Prettier viene caricato ed eseguito nel tuo browser: il codice non lascia il tuo dispositivo e non viene salvato. È il motivo per cui puoi usarlo anche con codice riservato, a differenza dei formatter che inviano tutto a un server.
›Serve anche da validatore?
Sì, di fatto. Se il codice contiene un errore di sintassi, Prettier non riesce a formattarlo e mostra il messaggio d'errore con la posizione: è un modo rapido per scoprire una virgola di troppo in un JSON o una parentesi mancante.
›Posso scegliere lo stile?
Sì: puoi impostare l'indentazione (2 o 4 spazi) e la larghezza massima della riga (80, 100 o 120 caratteri). Per il resto si applicano le impostazioni predefinite di Prettier, quelle su cui converge la maggior parte dei progetti.