INSTRUMENTE PENTRU DEZVOLTATORI

JavaScript Înfrumusețator

Formatați JavaScript dezordonat cu Prettier în browser. Alegeți parser, lățime, indentare, ghilimele, punct și virgulă, virgulă finală și gestionarea codului încorporat. Formatator

JavaScript

Ieșirea se actualizează automat cu Prettier pe măsură ce tastați, lipiți, încărcați un fișier sau modificați opțiunile. Formatarea rulează în acest browser. Opțiuni

Prettier
Format curent

-

Octeți de ieșire
Octeți de intrare
0
Octeți adăugați
0
Linii de intrare
0
Linii de ieșire
0

Lipiți JavaScript valid pentru a vedea rezultatul formatat automat.

Salvat pe acest dispozitiv

Rezultatele recente de înfrumusețare rămân numai în acest browser.

No data
Niciun rezultat de înfrumusețare salvat încă.

Cum să înfrumuseți JavaScript în siguranță

Ce face acest formatator Formatarea

Prettier

Acest instrument folosește Prettier în browser, astfel încât fragmentele lipite se potrivesc cu aceleași reguli de formatare pe care le folosesc multe proiecte.

Opțiuni reale Prettier

Utilizați opțiunile de analiză, lățimea de tipărire, tabele, punctele și virgulă, ghilimele, virgulele finale și parantezele din Prettier însuși.

Pluginuri locale pentru browser

Pluginurile de analiză JavaScript, TypeScript, HTML, CSS, GraphQL, Markdown și YAML sunt grupate local pentru formatarea browserului.

Greșeli frecvente

Alegerea parserului greșit

Dacă TypeScript sau TSX eșuează cu parserul JavaScript, comutați analizatorul la TypeScript / TSX.

Se așteaptă stiluri personalizate de bretele

Prettier are opinie. Nu expune fiecare alegere de stil pentru bretele sau spații albe.

Folosindu-l ca verificator de tip

Prettier analizează și imprimă cod. Nu verifică tipul de cod și nu înlocuiește construcția proiectului.

Sfaturi

Lipiți mai întâi

Lipiți codul sau modificați o opțiune și ieșirea se actualizează automat cu setările curente Prettier.

Potriviți proiectul dvs

Utilizați aceleași opțiuni pentru lățimea de imprimare, tabele, punct și virgulă, ghilimele și virgulă finală pe care le folosește proiectul dvs.

Salvați fragmente utile

Salvați un rezultat când doriți să comparați opțiunile sau să reutilizați același fragment mai târziu în acest browser.