jsonecho

Formatare Babel

Formatarea JavaScript-ului modern și React JSX cu parserul Babel.

Se încarcă instrumentul...

Cum folosești Formatare Babel

Lipește codul. La prima utilizare, motorul de formatare are nevoie de câteva clipe pentru a se încărca.
Ajustează opțiunile dacă este nevoie.
Copiază rezultatul formatat.

Despre Formatare Babel

Babel este parserul pe care îl folosește majoritatea lumii JavaScript, și înțelege cele mai noi propuneri de sintaxis, inclusiv JSX. Acest formator analizează codul cu el și îl imprimează din nou cu intrare, ghilimele și intervale de linie coerente.

Spre deosebire de Formatare JavaScript, va refuza formatarea codului cu o eroare de sintaxis și vă va spune unde este eroarea. Asta face ca să fie o modalitate bună de a găsi un suport lipsă, de asemenea.

Întrebări frecvente

Suportează JSX?

Da, React JSX este analizat și formatat.

Ce se întâmplă dacă codul meu are o greșeală de sintaxis?

Vezi greșeala cu linia și coloana, și nimic nu este formatat.

Cum este diferit de Formatare JavaScript?

Cosmetificatorul doar ajustează spațiul alb și acceptă aproape orice. Acesta analizează complet și reprimează codul, astfel încât ieșirea sa este mai consecventă, dar are nevoie de sintaxis validă.

De ce prima rulare a durat puțin mai mult?

Motorul de formatare pentru acest limbaj este descărcat la prima utilizare și apoi păstrat în memoria cache a browserului. După aceea, formatarea este instantanee și niciun fel de date nu părăsește dispozitivul tău.

Mai multe din Formatarea codului

Toate instrumentele →

Formatare lizibilă JavaScriptFoarte bine imprimat JavaScript pentru a putea citi.Formatare Formatare lizibilă CSSCSS destul de imprimat astfel încât fiecare regulă și proprietate este ușor de citit.Formatare Minificare CSSÎndepărtează comentariile și spațiul alb pentru a obține cel mai mic CSS.Comprimare Formatare C#Codul C# indent și pune suporturi și declarații pe propriile lor linii.Formatare Formatare JavaPune codul Java înapoi într-un layout lizibil: o declarație pe linie, brațuri indentate.Formatare Formatare GraphQLFormatarea cererilor și schemelor GraphQL astfel încât selecțiile plasate să fie ușor de citit.Formatare Formatare AngularFormatarea șablonelor de componente unghiulare cu directivele și legăturile lor structurale.Formatare Formatare VueFormatarea unei componente de fișier unic Vue: șablon, script și stil împreună.Formatare