Softonic

Prettier-configuratiegenerator

Stap 1 / 2
Volgende

Kies waarden voor tien gangbare Prettier-opties en kopieer de configuratie. De generator maakt JSON, YAML of CommonJS-JavaScript; hij scant je project niet, valideert niets met Prettier en voegt geen plugins of overrides toe.

Zo maak je de configuratie

  1. 1

    Stel de lay-out in

    Kies regel- en tabbreedte, tabs of spaties, puntkomma’s en aanhalingstekens.

  2. 2

    Stel syntaxisdetails in

    Kies slotkomma’s, spaties tussen accolades, haakjes bij pijlfuncties, regeleinden en JSX-aanhalingstekens.

  3. 3

    Kies het formaat

    Maak .prettierrc.json, .prettierrc.yaml of CommonJS-.prettierrc.js met module.exports.

  4. 4

    Kopieer en controleer

    Sla de uitvoer op en voer npx prettier --check . uit met de geïnstalleerde Prettier-versie.

Inbegrepen opties

Optie Beschikbare waarden
printWidth 40–200
tabWidth 1–8
useTabs, semi, bracketSpacing, jsxSingleQuote true of false
singleQuote true of false
trailingComma none, es5 of all
arrowParens always of avoid
endOfLine lf, crlf, cr of auto

Getallen worden tot deze bereiken begrensd. De overige velden bieden alleen de vermelde waarden. Dit zijn nuttige dagelijkse instellingen, niet alle opties die Prettier ondersteunt.

Uitvoerformaten

  • JSON maakt een object voor .prettierrc.json.
  • YAML maakt sleutel-waarde-regels voor .prettierrc.yaml.
  • JavaScript zet hetzelfde object in module.exports = { ... }; voor CommonJS-.prettierrc.js.

Prettier ondersteunt ook andere bestandsnamen en moduleformaten. Deze tool maakt alleen de drie getoonde varianten en voert Prettier niet uit. Controleer het bestand met de versie in je project.

Gegevensverwerking

De bedieningselementen zijn aan de server gekoppelde velden; hun waarden gaan bij updates naar de server. In de tweestappenweergave kunnen ze ook in de URL staan. Een Prettier-configuratie bevat normaal geen geheimen, maar vul geen gevoelige gegevens in en deel geen URL die ze bevat.

Veelgestelde vragen

Nee. Alleen de tien getoonde opties worden gemaakt. Voeg andere ondersteunde instellingen handmatig toe na controle van de documentatie voor jouw versie.

Nee. Hij maakt alleen configuratietekst. Sla die op en voer npx prettier --check . uit.

Nee. De uitvoer is één vlak object; voeg zulke instellingen zelf toe.

Dat is de CommonJS-vorm die deze tool maakt. Pas export en bestandsnaam aan voor een ES-moduleconfiguratie.

Gerelateerde tools

ASCII-tabelreferentie

Volledige ASCII-tabel van 0 tot 127 met decimale, hexadecimale, octale en binaire waarden en HTML-numerieke referentienotatie, inclusief control codes zoals NUL, LF en DEL.

HTML-tekenreferentie

Een doorzoekbare lijst met HTML-entiteiten, hun benoemde en numerieke codes, plus kopiëren met één klik voor speciale tekens en symbolen.

Sneltoetsenoverzicht

Zoek gedocumenteerde standaardsneltoetsen voor VS Code, Chrome en Bash met GNU Readline op macOS, Windows en Linux.

E-mailvalidator

Valideer een e-mailadres: RFC 5322-syntaxcontrole, live MX-record-zoekopdracht, plus details over lokaal deel, domein en lengte. Er wordt geen e-mail verstuurd.

EditorConfig-generator

Genereer een .editorconfig-bestand met uw regels voor inspringstijl en -grootte, regeleinde, tekenset en witruimte voor consistente opmaak in alle IDE's en editors.

CSS-kaartgenerator

Maak de CSS voor een kaartcontainer: achtergrond, rand, hoekradius, binnenruimte en een zachte slagschaduw, met direct voorbeeld en copy-pastecode.

Tool beschikbaar in andere talen