Zo gebruik je het
- Plak je code, of klik op Voorbeeld laden om het te proberen.
- Kies JavaScript, TypeScript of JSON en stel inspringing, regelbreedte, puntkomma's en aanhalingstekenstijl in.
- Klik op Formatteren, of druk op Ctrl+Enter (⌘+Enter op Mac).
- Kopieer de opgemaakte code.
Opties uitgelegd
- Inspringing
- 2 spaties is de standaard van Prettier en de meest gebruikte stijl in JavaScript-projecten. Tab gebruikt tabtekens.
- Regelbreedte
- Prettier breekt uitdrukkingen af die voorbij dit aantal tekens zouden gaan. 80 is de standaard.
- Puntkomma's
- Zet uit om puntkomma's aan het einde van statements weg te laten. Prettier voegt ze toch toe waar weglaten de betekenis zou veranderen.
- Enkele aanhalingstekens
- Gebruikt 'enkele' in plaats van "dubbele" aanhalingstekens voor strings, tenzij dat meer escapes nodig zou hebben.
Voorbeelden
Geminifiede bundel. Plak een eenregelig geminifieerd fragment om te lezen wat het doet — formatteren herstelt inspringing en regelafbrekingen, hoewel korte variabelenamen kort blijven.
Teamstijl. Sluit aan bij de Prettier-instellingen van je project, bijvoorbeeld 4 spaties inspringen, geen puntkomma’s en enkele aanhalingstekens.
Veelgestelde vragen
Werkt het met JSX en moderne syntax?
Ja. De JavaScript-modus gebruikt de parser van Babel, die JSX, optional chaining, class fields, top-level await en andere actuele syntax begrijpt.
Waarom zegt het dat er een syntaxfout is?
Prettier moet de code eerst parsen voordat het kan formatteren, en stopt dus bij code die geen geldige JavaScript is. Het bericht toont de regel en kolom om te bekijken.
Gedraagt de opgemaakte code zich hetzelfde?
Ja. Prettier verandert alleen witruimte, regelafbrekingen, aanhalingstekens, haakjes en puntkomma's op manieren die de betekenis van de code behouden.
Wordt mijn code geüpload?
Nee. Prettier draait in je browser, dus je code blijft op je apparaat.
Privacy
Deze tool draait volledig in je browser. Je bestanden en tekst worden op je eigen apparaat verwerkt en nooit naar onze servers geüpload.