Formatteer moderne JavaScript en React JSX met de Babel-parser.
De tool wordt geladen...
Zo gebruik je Babel Formatter
Plak je code. De formatteerengine laadt de eerste keer in een oogwenk.
Pas de opties aan als dat nodig is.
Kopieer het geformatteerde resultaat.
Over Babel Formatter
Babel is de parser die het grootste deel van de JavaScript-wereld gebruikt en hij begrijpt de nieuwste syntaxisvoorstellen, JSX inbegrepen. Deze formatter parset je code ermee en drukt hem opnieuw af met consistente inspringing, aanhalingstekens en regeleinden.
Anders dan de JS Beautifier weigert hij code met een syntaxisfout te formatteren en vertelt hij je waar de fout zit. Dat maakt hem ook een goede manier om een ontbrekende haak te vinden.
Veelgestelde vragen
Ondersteunt het JSX?
Ja, React JSX wordt geparsed en geformatteerd.
Wat gebeurt er als mijn code een syntaxisfout heeft?
Je ziet de fout met regel en kolom en er wordt niets geformatteerd.
Hoe verschilt het van de JS Beautifier?
De beautifier past alleen witruimte aan en accepteert vrijwel alles. Deze parset de code volledig en drukt hem opnieuw af, dus de uitvoer is consistenter maar vraagt om geldige syntaxis.
Waarom duurde de eerste keer een seconde?
De formatteerengine voor deze taal wordt gedownload wanneer je hem voor het eerst gebruikt en daarna door je browser in de cache bewaard. Daarna is formatteren direct en verlaat er niets je computer.