Softonic

Generatore di configurazione Prettier

Passaggio 1 / 2
Avanti

Scegli i valori di dieci opzioni comuni di Prettier e copia la configurazione ottenuta. Il generatore produce JSON, YAML o JavaScript CommonJS; non esamina il progetto, non convalida la configurazione con Prettier e non aggiunge plugin o overrides.

Come generare la configurazione

  1. 1

    Imposta il layout

    Scegli larghezza di stampa e tabulazione, tab o spazi, punti e virgola e stile delle virgolette.

  2. 2

    Imposta la sintassi

    Scegli virgole finali, spazi tra parentesi graffe, parentesi delle arrow function, fine riga e virgolette JSX.

  3. 3

    Scegli il formato

    Genera .prettierrc.json, .prettierrc.yaml o .prettierrc.js CommonJS con module.exports.

  4. 4

    Copia e verifica

    Salva il risultato nel progetto ed esegui npx prettier --check . con la versione installata.

Opzioni incluse

Opzione Valori disponibili
printWidth 40–200
tabWidth 1–8
useTabs, semi, bracketSpacing, jsxSingleQuote true o false
singleQuote true o false
trailingComma none, es5 o all
arrowParens always o avoid
endOfLine lf, crlf, cr o auto

I numeri vengono limitati agli intervalli indicati. Gli altri controlli offrono solo i valori elencati. Sono impostazioni di uso comune, non tutte le opzioni supportate da Prettier.

Formati di output

  • JSON produce un oggetto per .prettierrc.json.
  • YAML produce coppie chiave-valore per .prettierrc.yaml.
  • JavaScript racchiude lo stesso oggetto in module.exports = { ... }; per .prettierrc.js CommonJS.

Prettier supporta anche altri nomi di file e formati di modulo. Questo strumento genera solo i tre output mostrati e non esegue Prettier: verifica il file con la versione installata nel progetto.

Trattamento dei dati

I controlli sono campi del server e i valori vengono inviati al server durante gli aggiornamenti. Nella vista in due passaggi possono anche comparire nell’URL. Una configurazione Prettier normalmente non contiene segreti, ma non inserire dati sensibili e non condividere URL che li contengono.

Domande frequenti

No. Genera le dieci opzioni mostrate; aggiungi manualmente le altre impostazioni dopo aver consultato la documentazione della tua versione.

No. Crea solo il testo di configurazione. Salva il file ed esegui npx prettier --check . nel progetto.

No. L’output è un unico oggetto semplice; aggiungi tali impostazioni manualmente.

È il formato CommonJS generato dallo strumento. Per un modulo ES, adatta esportazione e nome del file.

Strumenti correlati

Riferimento Tabella ASCII

Tabella ASCII completa da 0 a 127 con decimale, esadecimale, ottale, binario e riferimento numerico HTML per ogni carattere, inclusi i codici di controllo come NUL, LF e DEL.

Riferimento ai caratteri HTML

Elenco ricercabile delle entità HTML, dei loro codici nominati e numerici, e copia con un clic per caratteri e simboli speciali.

Generatore di lettere casuali

Genera lettere A-Z casuali. Scegli la quantità, usa maiuscole, minuscole o un mix, e applica il risultato a giochi, spunti o attività in classe.

Riferimento scorciatoie da tastiera

Cerca le scorciatoie predefinite documentate di VS Code, Chrome e Bash con GNU Readline su macOS, Windows e Linux.

Creatore di diagrammi di flusso

Crea nel browser diagrammi di flusso visivi con cinque tipi di nodo, connessioni dirette e download SVG o PNG.

Validatore Email

Valida un indirizzo email: controllo della sintassi RFC 5322, verifica in tempo reale dei record MX, più dettagli su parte locale, dominio e lunghezza. Non viene inviata alcuna email.

Strumento disponibile in altre lingue