Wat is JavaScript-syntaxisopmaak?

JavaScript-opmaak is het proces waarbij wordt gecontroleerd of broncode geldig is en deze vervolgens opnieuw wordt ingedeeld volgens een consistente stijl. Dit betekent doorgaans dat inspringing, spaties en regeleinden worden aangepast zonder de betekenis van de code te wijzigen.

Syntaxisvalidatie is minstens zo belangrijk. Een formatter kan code alleen veilig herschrijven als de parser deze eerst kan begrijpen.

Beschrijving van de tool

Deze tool valideert JavaScript-syntaxis en maakt de code op in de browser. De tool gebruikt een parser om te controleren of de invoer geldig is en Prettier om een schonere versie van dezelfde broncode te produceren.

De tool is handig wanneer je snel code wilt opmaken of de syntaxis wilt controleren zonder een volledige IDE te openen.

Voorbeelden

  • Een kleine ES-module met imports en exports
  • Een JSX-fragment, zoals een React-component
  • Een lange objectliteral waarvoor de inspringing moet worden opgeschoond

Functies

  • Syntaxisvalidatie met de Babel-parser
  • Opmaak met Prettier standalone
  • Workflow met een knop voor snel wissen

Beperkingen

Deze tool controleert alleen de syntaxis. De tool voert geen code uit en ondersteunt geen TypeScript-invoer.

Lege invoer wordt zowel voor validatie als voor opmaak geweigerd. Je moet dus daadwerkelijke code invoeren voordat je een van beide acties gebruikt.