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

Webpack-konfigurationsgenerator

Skapa en webpack.config.js för webpack 5 med vanlig JavaScript, React eller Vue: TypeScript, Babel, CSS eller Sass, bilder, HtmlWebpackPlugin, en utvecklingsserver och raden för npm install.

Protocol Buffers-avkodare

Avkoda Protobuf-byte lokalt från hex, Base64, Base64URL, text eller fil, granska fälttolkningar och exportera en privat rapport.

XSD-validerare

Validera ett XML-dokument mot ett XSD-schema och rapportera element- och typavvikelser med exakta radnummer.

YAML till JSON

Omvandla YAML-konfiguration till JSON för verktyg och API:er som bara accepterar JSON. Hanterar ankare, merge-nycklar och nästlade strukturer.

XML-formaterare

Snygga till XML-dokument med konsekvent indrag och fånga formfel med exakta radnummer.

XML till JSON

Omvandla XML-dokument till ren JSON, med bevarade attribut, textnoder och arrayer där det behövs. Tre stilar: kompakt, Badgerfish eller literal.

Verktyget finns på andra språk