Vai al contenuto
ToolMug

Formattatore JavaScript

Incolla JavaScript minificato o disordinato e ottieni codice pulito e formattato in modo coerente. Usa Prettier, il formattatore adottato dalla maggior parte dei progetti JavaScript, con supporto per TypeScript e JSON nello stesso posto.

Funziona nel tuo browser: nulla di ciò che inserisci viene caricato

Come si usa

  1. Incolla il tuo codice, oppure fai clic su «Carica esempio» per provarlo.
  2. Scegli JavaScript, TypeScript o JSON e imposta rientro, larghezza riga, punti e virgola e tipo di apici.
  3. Fai clic su «Formatta» oppure premi Ctrl+Enter (⌘+Enter su Mac).
  4. Copia il codice formattato.

Opzioni spiegate

Rientro
2 spazi è l'impostazione predefinita di Prettier e lo stile più diffuso nei progetti JavaScript. Tab indenta con caratteri di tabulazione.
Larghezza riga
Prettier manda a capo le espressioni che supererebbero questo numero di caratteri. Il valore predefinito è 80.
Punti e virgola
Disattivalo per omettere i punti e virgola a fine istruzione. Prettier li aggiunge comunque dove toglierli cambierebbe il significato.
Apici singoli
Usa apici 'singoli' invece delle virgolette "doppie" per le stringhe, a meno che ciò non richieda più caratteri di escape.

Esempi

Bundle minificato. Incolla uno snippet minificato su una sola riga per capire cosa fa — la formattazione ripristina rientri e a capo, anche se i nomi di variabile brevi restano brevi.

Stile del team. Riproduci le impostazioni Prettier del tuo progetto, per esempio rientro di 4 spazi, niente punti e virgola e apici singoli.

Domande frequenti

Funziona con JSX e la sintassi moderna?

Sì. La modalità JavaScript usa il parser di Babel, che riconosce JSX, optional chaining, campi di classe, await di primo livello e altra sintassi attuale.

Perché segnala un errore di sintassi?

Prettier deve analizzare il codice prima di poterlo formattare, quindi si ferma davanti a codice che non è JavaScript valido. Il messaggio indica la riga e la colonna da controllare.

Il codice formattato si comporta allo stesso modo?

Sì. Prettier modifica solo spazi, a capo, virgolette, parentesi e punti e virgola, in modi che mantengono il significato del codice.

Il mio codice viene caricato online?

No. Prettier viene eseguito nel tuo browser, quindi il codice resta sul tuo dispositivo.

Privacy

Questo strumento funziona interamente nel tuo browser. File e testi vengono elaborati sul tuo dispositivo e non vengono mai caricati sui nostri server.

Strumenti correlati