nicetool.dev logo

Formattatore di codice

Scegli un linguaggio, incolla il codice e premi Formatta o Minifica. I formattatori vengono caricati quando servono e girano nel browser.

Input · 159 B
Output

Perché formattare e minificare il codice?

Formattare significa riscrivere il codice con rientri, a capo e spazi coerenti, così da renderlo facile da leggere, revisionare e confrontare: utile con frammenti minificati, SQL generato o file di configurazione copiati. Minificare fa l'opposto: rimuove spazi e commenti (e in JavaScript accorcia anche i nomi locali con Terser) per ridurre il peso da scaricare. Lo strumento usa Prettier, il formattatore già adottato dalla maggior parte dei progetti JavaScript, e sql-formatter, che conosce la sintassi di MySQL, PostgreSQL, SQL Server, Oracle PL/SQL, BigQuery e altri.

Funzionalità

  • • 11 linguaggi: JavaScript, TypeScript, JSON, CSS, SCSS, Less, HTML, SQL, YAML, Markdown, GraphQL
  • • 13 dialetti SQL con opzioni per il maiuscolo delle parole chiave
  • • Minifica JS (Terser), CSS, HTML, JSON e SQL mostrando il risparmio
  • • Rientro o tab, larghezza riga, apici e punto e virgola
  • • Copia o scarica il risultato, con errori di sintassi chiari

Il tuo codice resta in locale

Formattazione e minificazione avvengono interamente nel browser, quindi chiavi API, query interne o codice proprietario che incolli non vengono mai caricati.

Prettier + sql-formatter, 100% lato client.

Come usare: Formattatore di codice

  1. 1

    Scegli la scheda del linguaggio: JavaScript, TypeScript, JSON, CSS, SCSS, Less, HTML, SQL, YAML, Markdown o GraphQL. Premi Esempio per caricare un codice di prova.

  2. 2

    Incolla il codice e regola le opzioni: rientro o tab, larghezza riga, apici e punto e virgola, oppure per SQL il dialetto e il maiuscolo delle parole chiave.

  3. 3

    Premi Formatta per sistemare il codice con Prettier o sql-formatter, oppure Minifica per ridurre JavaScript, CSS, HTML, JSON o SQL. Il risparmio è mostrato sopra l'output.

  4. 4

    Copia il risultato o scaricalo come file. In caso di errore di sintassi, il messaggio indica riga e colonna.

Esempi pratici

Leggere codice minificato

Uno script di terze parti o un file in bundle sta su una sola riga. Formattalo per vederne la struttura e trovare la funzione da debuggare.

Riordinare SQL dai log

Gli ORM registrano le query su una riga. Formattando con il dialetto PostgreSQL o MySQL, SELECT, JOIN e WHERE vanno su righe separate e la query si rivede e ottimizza facilmente.

Stile coerente prima del commit

Formattare con le stesse regole Prettier del progetto (2 spazi, 80 colonne, doppi apici) mantiene piccoli i diff quando incolli codice da una chat.

Minificazione rapida

Minifica uno script o un foglio di stile piccolo per un template email, un campo del CMS o un <script> inline senza configurare strumenti di build.

Domande frequenti

La formattazione cambia il funzionamento del codice?+

No. I formattatori cambiano solo spazi, a capo e, se lo scegli, apici e punti e virgola facoltativi. Terser, minificando, rinomina anche le variabili locali, ma il comportamento resta lo stesso.

Perché Minifica è disattivato per alcuni linguaggi?+

Minificare YAML, Markdown, TypeScript o GraphQL serve raramente o ne cambierebbe il significato (YAML dipende dai rientri). Il TypeScript di solito si compila in JavaScript e poi si minifica.

Quale dialetto SQL scelgo?+

Quello del tuo database. I dialetti differiscono per virgolette, funzioni e parole chiave, come i backtick di MySQL o i cast :: di PostgreSQL, e quello giusto evita errori.

Il mio codice viene inviato a un server?+

No. Prettier, sql-formatter e Terser girano nel browser e vengono caricati solo quando premi un pulsante, quindi codice proprietario e credenziali restano sul tuo dispositivo.