Gratis · Sviluppo
Formattatore di codice (Prettier).
Formatta JavaScript, TypeScript, JSX, JSON, CSS, SCSS, Less, HTML, Vue, Markdown, YAML e GraphQL con Prettier nel browser, con anteprima dal vivo.
Formatting engine: Prettier 3 (MIT), running in your browser. Formatting changes layout only, never what the code does; comments are kept.
Formattare il codice con Prettier
- Incolla il codice in
Your codeoppure premiOpen a file. - Lascia
Detect automaticallyo scegli il linguaggio: JavaScript, JSX, TypeScript, JSON, CSS, SCSS, Less, HTML, Vue, Markdown, YAML o GraphQL. - Regola larghezza di riga, rientro e, per JavaScript e TypeScript, punti e virgola, virgolette e virgole finali. Il risultato si aggiorna mentre scrivi.
- Premi
Copy result,DownloadoReplace my code.
Esempio: const a={b:1,c:[1,2,3]};function f(x){return x*2} diventa un oggetto su una riga seguito da un blocco di funzione rientrato di due spazi, con ogni istruzione chiusa da un punto e virgola.
Cosa cambia la formattazione
Prettier riscrive spazi, a capo, rientri, virgolette e virgole perché il codice segua uno stile coerente. Non cambia mai ciò che il codice fa e conserva i commenti. Se c’è un errore di sintassi non viene formattato nulla e il messaggio indica riga e colonna, per esempio (1:10).
Per un linguaggio con opzioni proprie vedi il formattatore JSON o il formattatore SQL; per ridurre JavaScript in produzione, il minificatore JavaScript.
Limiti e formati supportati
I dati vengono elaborati sul tuo dispositivo.
Note tecniche in inglese
Files up to 2 MB. Code with syntax errors is not formatted; the error shows the line and column. Formatting changes layout only, never behaviour; comments are kept.
Uses Prettier 3 standalone (MIT) with only the parsers the chosen language needs, loaded on demand in your browser. Same output rules as Prettier on the command line for the options shown.
const a={b:1,c:[1,2,3]};function f(x){return x*2} becomes const a = { b: 1, c: [1, 2, 3] }; followed by a function block indented with two spaces.
Domande frequenti
Il mio codice viene caricato?
No. Prettier funziona nel browser e vengono caricati solo i parser del linguaggio scelto.
Il risultato è uguale a Prettier sul mio computer?
Sì per le opzioni mostrate qui: è Prettier 3 stesso, senza file di configurazione del progetto.
Perché il mio codice non viene formattato?
Il parser ha trovato un errore di sintassi. Correggi riga e colonna indicate nel messaggio o verifica che sia scelto il linguaggio giusto.