Softonic

Prettier-konfigurationsgenerator

Steg 1 / 2
Nästa

Välj värden för tio vanliga Prettier-alternativ och kopiera konfigurationen. Generatorn ger JSON, YAML eller CommonJS-JavaScript. Den granskar inte projektet, validerar inte med Prettier och lägger inte till insticksprogram eller overrides.

Så skapar du konfigurationen

  1. 1

    Ställ in layout

    Välj rad- och tabulatorbredd, tabbar eller blanksteg, semikolon och citattecken.

  2. 2

    Ställ in syntax

    Välj avslutande kommatecken, klammermellanrum, pilfunktionsparenteser, radslut och JSX-citattecken.

  3. 3

    Välj format

    Skapa .prettierrc.json, .prettierrc.yaml eller CommonJS-.prettierrc.js med module.exports.

  4. 4

    Kopiera och kontrollera

    Spara resultatet och kör npx prettier --check . med projektets installerade version.

Alternativ som ingår

Alternativ Tillgängliga värden
printWidth 40–200
tabWidth 1–8
useTabs, semi, bracketSpacing, jsxSingleQuote true eller false
singleQuote true eller false
trailingComma none, es5 eller all
arrowParens always eller avoid
endOfLine lf, crlf, cr eller auto

Tal begränsas till de angivna intervallen. Övriga kontroller erbjuder bara de listade värdena. Detta är praktiska vardagsinställningar, inte alla alternativ som Prettier stöder.

Utdataformat

  • JSON ger ett objekt för .prettierrc.json.
  • YAML ger nyckel-värde-rader för .prettierrc.yaml.
  • JavaScript omsluter samma objekt med module.exports = { ... }; för CommonJS-.prettierrc.js.

Prettier stöder även andra filnamn och modulformat. Verktyget skapar endast dessa tre format och kör inte Prettier. Kontrollera filen med versionen som är installerad i projektet.

Databehandling

Kontrollerna är serverbaserade, så värden skickas till servern vid uppdateringar. I tvåstegsvyn kan de också synas i webbadressen. En Prettier-konfiguration innehåller normalt inga hemligheter, men ange inga känsliga uppgifter och dela inte en webbadress som innehåller dem.

Vanliga frågor

Nej. De tio visade alternativen skapas. Lägg till andra inställningar manuellt efter att ha läst dokumentationen för din version.

Nej. Verktyget skapar bara konfigurationstext. Spara filen och kör npx prettier --check . i projektet.

Nej. Resultatet är ett enda platt objekt; lägg till sådant manuellt vid behov.

Det är CommonJS-formatet som verktyget skapar. Anpassa export och filnamn för en ES-modul.

Relaterade verktyg

ASCII-tabellreferens

Full ASCII-tabell från 0 till 127 med decimal-, hex-, oktal- och binärvärden samt notation för numeriska HTML-referenser, inklusive NUL, LF och DEL.

HTML-teckenreferens

En sökbar lista över HTML-entiteter med deras namngivna och numeriska koder samt kopiering med ett klick för specialtecken och symboler.

Referens för kortkommandon

Sök dokumenterade standardkommandon för VS Code, Chrome och Bash med GNU Readline i macOS, Windows och Linux.

E-postvalidator

Validera en e-postadress: RFC 5322-syntaxkontroll, live-slagning av MX-poster samt detaljer om lokal del, domän och längd. Ingen e-post skickas.

EditorConfig-generator

Generera en .editorconfig-fil med dina regler för indragsstil och -storlek, radslut, teckenuppsättning och blanksteg för enhetlig formatering i alla IDE:er och editorer.

FPS-räknare

Mät webbläsarens FPS med requestAnimationFrame: utjämning, lägsta och högsta bildfrekvens, varningsgräns och valfri graf. Körs lokalt, utan uppladdning och utan API.

Verktyget finns på andra språk