Domande Frequenti

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

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

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

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.

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

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

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

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.

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

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

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

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

Crea un file .prettierignore nella radice del progetto.

Sì. Installa eslint-config-prettier.

Imposta la lunghezza riga target. Default 80.

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

Usa la barra di ricerca in cima alla pagina.

Sì. Clicca il pulsante tema nell'intestazione.

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

Apri una issue o una pull request nel repository GitHub.

Puoi scegliere qualsiasi versione 3.x di Prettier dal menu a tendina — da 3.0 a 3.6 più "latest". Il bundle della versione selezionata viene caricato a richiesta da jsDelivr, quindi l'elenco delle opzioni corrisponde sempre allo schema reale di quella versione.

TypeScript, JavaScript, Flow, CSS, SCSS, Less, HTML, Vue, template Angular, JSON, JSON5, JSON con commenti, Markdown, MDX, YAML e GraphQL. Il parser viene rilevato automaticamente dall'input, ma puoi sovrascriverlo con il menu a tendina.

Clicca il pulsante di condivisione e la versione corrente di Prettier, le opzioni selezionate, il codice e l'override del parser vengono compressi con LZ nell'hash dell'URL, quindi copiati negli appunti. Aprire quel link ripristina esattamente la stessa configurazione. Nulla viene inviato a un server — tutto resta nel browser.

Mostra quanti token IA costerebbero il tuo input e output con il modello selezionato. GPT-4o / GPT-4 / GPT-3.5 usano i tokenizzatori BPE ufficiali per un conteggio esatto; Claude, Gemini, Llama e Mistral usano un'approssimazione basata sui caratteri con il prefisso "~".

Sì. La tua versione di Prettier, le selezioni delle opzioni e le preferenze di vista divisa / tokenizzatore vengono salvate in localStorage, quindi un ricaricamento ripristina tutto. Un hash URL condivisibile ha la precedenza se è presente quando apri la pagina.

Quando il parser di Prettier non riesce ad analizzare il tuo input — di solito perché il parser scelto non corrisponde al codice (ad esempio CSS scelto ma hai incollato JSX) — il messaggio di errore appare in una striscia rossa sopra il diff. Cambia il parser per farlo corrispondere al tuo codice e l'errore scompare.

Sì. La tab Preview ha un proprio dropdown di parser accanto al toggle del diff, e ogni parser è accompagnato da un esempio creato apposta — CSS, SCSS, Less, HTML, Vue, Angular, JSON / JSON5 / JSONC, Markdown, MDX, YAML, GraphQL, oltre a TypeScript / JS. Cambiare parser ri-formatta l'esempio corrispondente con le tue opzioni attuali, così opzioni specifiche del linguaggio come proseWrap, htmlWhitespaceSensitivity e vueIndentScriptAndStyle hanno un posto dove dimostrare il proprio effetto. La tua scelta persiste tra i ricaricamenti.