Gratis · Ontwikkeling
Codeformatter (Prettier).
Formatteer JavaScript, TypeScript, JSX, JSON, CSS, SCSS, Less, HTML, Vue, Markdown, YAML en GraphQL met Prettier in je browser, met live voorbeeld.
Formatting engine: Prettier 3 (MIT), running in your browser. Formatting changes layout only, never what the code does; comments are kept.
Code formatteren met Prettier
- Plak je code in
Your code, of klik opOpen a file. - Houd
Detect automaticallyaan of kies de taal: JavaScript, JSX, TypeScript, JSON, CSS, SCSS, Less, HTML, Vue, Markdown, YAML of GraphQL. - Stel regelbreedte en inspringing in, en voor JavaScript en TypeScript ook puntkomma’s, aanhalingstekens en komma’s aan het eind. Het resultaat wordt bijgewerkt terwijl je typt.
- Klik op
Copy result,DownloadofReplace my code.
Voorbeeld: const a={b:1,c:[1,2,3]};function f(x){return x*2} wordt een object op één regel, gevolgd door een functieblok dat twee spaties inspringt; elke opdracht eindigt met een puntkomma.
Wat formatteren verandert
Prettier herschrijft spaties, regeleinden, inspringing, aanhalingstekens en komma’s zodat de code één consistente stijl volgt. Wat de code doet verandert nooit, en commentaar blijft staan. Bij een syntaxfout wordt niets geformatteerd en noemt de melding regel en kolom, bijvoorbeeld (1:10).
Voor één taal met eigen opties zie je de JSON-formatter of de SQL-formatter; JavaScript verklein je voor productie met de JavaScript-minifier.
Limieten en ondersteunde formaten
Je invoer wordt op je apparaat verwerkt.
Technische opmerkingen in het Engels
Files up to 2 MB. Code with syntax errors is not formatted; the error shows the line and column. Formatting changes layout only, never behaviour; comments are kept.
Uses Prettier 3 standalone (MIT) with only the parsers the chosen language needs, loaded on demand in your browser. Same output rules as Prettier on the command line for the options shown.
const a={b:1,c:[1,2,3]};function f(x){return x*2} becomes const a = { b: 1, c: [1, 2, 3] }; followed by a function block indented with two spaces.
Veelgestelde vragen
Wordt mijn code geüpload?
Nee. Prettier draait in je browser, en alleen de parsers van de gekozen taal worden geladen.
Is het resultaat hetzelfde als Prettier op mijn computer?
Ja, voor de opties die hier staan: het is Prettier 3 zelf, zonder configuratiebestand van een project.
Waarom wordt mijn code niet geformatteerd?
De parser vond een syntaxfout. Herstel de regel en kolom uit de melding, of controleer of de juiste taal gekozen is.