Formatta JavaScript moderno e JSX di React con il parser Babel.
Caricamento dello strumento...
Come usare Babel Formatter
Incolla il tuo codice. La prima volta il motore del formattatore si carica in un attimo.
Regola le opzioni se serve.
Copia il risultato formattato.
Informazioni su Babel Formatter
Babel è il parser usato da gran parte del mondo JavaScript e comprende le più recenti proposte di sintassi, JSX incluso. Questo formattatore analizza il tuo codice con esso e lo ristampa con indentazione, virgolette e a capo coerenti.
A differenza del JS Beautifier, si rifiuta di formattare il codice con un errore di sintassi e ti dice dove si trova l'errore. Questo lo rende anche un buon modo per trovare una parentesi mancante.
Domande frequenti
Supporta JSX?
Sì, il JSX di React viene analizzato e formattato.
Cosa succede se il mio codice ha un errore di sintassi?
Vedi l'errore con riga e colonna e non viene formattato nulla.
In cosa è diverso dal JS Beautifier?
Il beautifier modifica solo gli spazi e accetta quasi tutto. Questo analizza e ristampa completamente il codice, quindi il suo output è più coerente ma richiede una sintassi valida.
Perché la prima esecuzione ha richiesto un secondo?
Il motore di formattazione per questo linguaggio viene scaricato la prima volta che lo usi, poi messo in cache dal tuo browser. Dopo, la formattazione è istantanea e nulla lascia il tuo computer.