STRUMENTI PER SVILUPPATORI

JavaScript Abbellitore

Formatta JavaScript disordinato con Prettier nel tuo browser. Scegli parser, larghezza, rientro, virgolette, punto e virgola, virgole finali e gestione del codice incorporato.

JavaScript formattatore

L'output si aggiorna automaticamente con Prettier mentre digiti, incolli, carichi un file o modifichi le opzioni. La formattazione viene eseguita in questo browser. Opzioni

Prettier
Formato corrente

-

Byte di uscita
Byte di ingresso
0
Byte aggiunti
0
Linee di ingresso
0
Linee di uscita
0

Incolla JavaScript valido per vedere l'output formattato automaticamente.

Salvato su questo dispositivo

I risultati recenti di abbellimento rimangono solo in questo browser.

No data
Nessun risultato di abbellimento ancora salvato.

Come abbellire JavaScript in sicurezza

Cosa fa questo formattatore

Prettier formattazione

Questo strumento utilizza Prettier nel browser, quindi i frammenti incollati corrispondono alle stesse regole di formattazione utilizzate da molti progetti.

Opzioni reali Prettier

Utilizza parser, larghezza di stampa, tabulazioni, punto e virgola, virgolette, virgole finali e opzioni tra parentesi da Prettier stesso.

Plugin locali del browser

I plugin parser JavaScript, TypeScript, HTML, CSS, GraphQL, Markdown e YAML sono raggruppati localmente per la formattazione del browser.

Errori comuni

Scelta del parser sbagliato

Se TypeScript o TSX falliscono con il parser JavaScript, passare il parser a TypeScript / TSX.

Stili di parentesi graffe personalizzati previsti

Prettier è supponente. Non espone tutte le scelte di stile delle parentesi graffe o degli spazi bianchi.

Usandolo come controllo del tipo

Prettier analizza e stampa il codice. Non effettua il controllo della digitazione del codice né sostituisce la build del progetto.

Suggerimenti

Incolla prima

Incolla il codice o modifica un'opzione e l'output si aggiornerà automaticamente con le impostazioni Prettier correnti.

Abbina il tuo progetto

Utilizza le stesse scelte di larghezza di stampa, tabulazioni, punto e virgola, virgolette e virgola finale utilizzate dal tuo progetto.

Salva frammenti utili

Salva un risultato quando desideri confrontare le opzioni o riutilizzare lo stesso snippet in un secondo momento in questo browser.