Question 1

Cos'è Prettier Config Generator?

Accepted Answer

Uno strumento web interattivo gratuito che permette di configurare visivamente ogni opzione di Prettier e copiare istantaneamente il file .prettierrc risultante.

Question 2

Cos'è Prettier e perché usarlo?

Accepted Answer

Prettier è un formattatore di codice che applica uno stile coerente a tutta la codebase, eliminando le discussioni sullo stile nelle code review.

Question 3

Cos'è un file .prettierrc?

Accepted Answer

Un file di configurazione nella radice del progetto che dice a Prettier come formattare il codice.

Question 4

Come usare questo strumento per generare la configurazione?

Accepted Answer

Seleziona le opzioni Prettier sulla pagina principale. La configurazione si aggiorna in tempo reale. Clicca "Copia configurazione" e incolla il JSON in un file .prettierrc.

Question 5

Prettier Config Generator è gratuito?

Accepted Answer

Sì, completamente gratuito. Nessuna registrazione, nessun account, nessun limite di utilizzo.

Question 6

Questo strumento copre tutte le opzioni di Prettier?

Accepted Answer

Sì. Include ogni opzione Prettier ufficialmente supportata con descrizioni e valori predefiniti.

Question 7

Come copiare e usare la configurazione generata?

Accepted Answer

Clicca "Copia configurazione" nella barra laterale (desktop) o sul pulsante mobile.

Question 8

Qual è la differenza tra .prettierrc, prettier.config.js e la chiave prettier in package.json?

Accepted Answer

Tutti e tre sono metodi validi. .prettierrc supporta JSON/YAML, prettier.config.js è un modulo JavaScript, la chiave prettier in package.json tiene tutto in un file.

Question 9

Prettier funziona con TypeScript, React e Vue?

Accepted Answer

Sì. Supporto integrato per TypeScript, JSX/TSX, componenti Vue e molti altri formati.

Question 10

Come integrare Prettier con VS Code?

Accepted Answer

Installa l'estensione "Prettier - Code formatter" e aggiungi formatOnSave: true nelle impostazioni VS Code.

Question 11

Come eseguire Prettier su tutto il progetto?

Accepted Answer

Esegui npx prettier --write . nella radice del progetto.

Question 12

Quali linguaggi e tipi di file supporta Prettier?

Accepted Answer

JavaScript, TypeScript, JSX, CSS, HTML, Vue, JSON, YAML, Markdown e altro.

Question 13

Come escludere file dalla formattazione Prettier?

Accepted Answer

Crea un file .prettierignore nella radice del progetto.

Question 14

Posso usare Prettier insieme a ESLint?

Accepted Answer

Sì. Installa eslint-config-prettier.

Question 15

Cosa fa l'opzione printWidth?

Accepted Answer

Imposta la lunghezza riga target. Default 80.

Question 16

Qual è la differenza tra singleQuote e jsxSingleQuote?

Accepted Answer

singleQuote controlla le virgolette in JS/TS, jsxSingleQuote controlla gli attributi JSX.

Question 17

Come usare la funzione di ricerca?

Accepted Answer

Usa la barra di ricerca in cima alla pagina.

Question 18

Questo sito supporta la modalità scura?

Accepted Answer

Sì. Clicca il pulsante tema nell'intestazione.

Question 19

Qual è la configurazione predefinita di Prettier?

Accepted Answer

printWidth: 80, tabWidth: 2, semi: true, singleQuote: false, trailingComma: "all".

Question 20

Come segnalare un bug o contribuire?

Accepted Answer

Apri una issue o una pull request nel repository GitHub.

Domande Frequenti