Linters - Txai-HvA/BlokTech GitHub Wiki

Linters zijn packages en extensies voor het spotten van errors, bugs, dode code, dubbele code, etc. Het zorgt ervoor dat je code netjes en error vrij blijven. Je krijgt in de console en in Visual Studio Code een melding als een linter iets heeft gevonden en ook wat er mis is.

Verschillende linters

ESLint

Voordelen

• Elke rule, zoals het forceren van het gebruiken van enkele quotes, kan je aan- of uitzetten
• Als je een rule maar op 1 specifieke regel uit wilt zetten, dan kan dat
• Meer rules in verlijking met andere linters
• Goed gedocumenteerd en veel gedownload

Nadelen

• Je moet zelf wat aanpassingen aan de configuratie maken

JSLint

Voordelen

• Bij installatie meteen geconfigureerd

Nadelen

• Geen configuration file
• Weinig configuratie opties
• Errors geven niet goed aan op welke regel het mis gaat

JSHint

Voordelen

• Makkelijk te configureren

Nadelen

• Je kan alleen bestaande rules aan en uit zetten
• Je kan geen custom rules toevoegen

Keuze

Ik heb gekozen voor ESLint, omdat deze het populairste is, waardoor er genoeg documentatie over te vinden is. Verder kan je de configuratie aanpassen met custom rules en zijn er meer opties dan het aan en uit zetten van rules. Ook vind ik het handig dat rules ook op 1 regel uitgezet kunnen worden, inplaats van de hele rule.

Prettier

Prettier is de formatter die ik gebruik. Formatters zijn bedoelt om je code goed te structureren, door bijvoorbeeld regels te laten inspringen of komma's/punt komma's toe te voegen. Prettier kan je gebruiken als je werkt in bijvoorbeeld HTML, CSS, SCSS, JavaScript, JSON, Angular & JSX.