Prettier-codeformatter

Formatteer JavaScript, TypeScript, JSON, HTML, CSS, Markdown, YAML, GraphQL en verwante bestanden rechtstreeks in je browser met Prettier.

Broncode
Plak JavaScript-, TypeScript-, JSON-, HTML-, CSS-, Markdown-, YAML-, GraphQL- of verwante bestanden en formatteer ze in de browser met Prettier.
Geformatteerde uitvoer
De preview gebruikt de geselecteerde Prettier-parser en de opties hieronder.
Code aan het formatteren...
Opmaakopties
Kies de parser en stijlregels zonder de broncode handmatig aan te passen.
Inspringing
Stijl

Wat is Prettier-codeformatter?

Prettier-codeformatter draait de officiële Prettier-standalone pipeline direct in je browser, zodat je bronbestanden kunt normaliseren zonder code naar een server te sturen. Het is handig wanneer je snel wilt formatteren, verschillende printinstellingen wilt vergelijken, of meteen een schoon bestand wilt kopiëren of downloaden.

Ondersteunde formaten

Deze rewrite houdt de tool gericht op de formaten die Prettier al goed in de browser ondersteunt: JavaScript, JSX, TypeScript, TSX, Flow, JSON-varianten, HTML, XML, CSS, PostCSS, SCSS, Less, Markdown, MDX, YAML, GraphQL en templateformaten zoals Angular, Vue, Svelte, LWC, MJML en Handlebars. De taalkeuze bepaalt welke parser wordt gebruikt, en bij het importeren van een bestand wordt de parser automatisch herkend zodra de extensie bekend is.

Hoe deze rewrite werkt

De rewrite houdt zware formatteringslogica uit het hoofdpad van de UI. De formatteeraanvragen worden opgebouwd uit zuivere tool-lokale configuratie en daarna uitgevoerd via een luie, worker-gestuurde Prettier-pipeline, zodat normaal typen responsief blijft. Grote invoer pauzeert het automatisch formatteren en schakelt over op een expliciete actie Nu formatteren, wat voorspelbaarder is dan bij elke toetsaanslag een groot bestand opnieuw proberen te formatteren.