Week 3 Linting - norakramer1/blokTech GitHub Wiki

Linting

ESLint

ESLint analyseert de code die je schrijft en geeft je de errors te zien in de console. Het geeft bijvoorbeeld aan of je functies heb gemaakt maar niet gebruikt. Of een functie gebruikt die niet gedeclareerd is. De regels hiervoor kun je zelf toevoegen naar je smaak. Ook kan ESLint kijken naar jou code en de regels die je gebruikt voor je opschrijven. Je kunt ook de regels van bedrijven als Google gebruiken.

Hoe heb ik ESLint gebruikt

Ik heb eerst naar deze video gekeken over Linting https://www.youtube.com/watch?v=clzTwZgMlqE en de website van eslint gelezen Ik heb hierna een .eslintrc bestand gemaakt. Ik heb een format laten maken gebaseerd op mijn server.js file. Hier staat onder andere in dat er voor en na een arrow function een space komt, dat ik single quotes gebruik en const gebruik.

Ik had voordat ik begon mijn code al nagekeken met het beautify package voor Atom, de regels over spacing en line wrap komen daar vandaan.

Formatting

Voor het beter leesbaar maken van de code gebruik ik Beautify in Atom. Ik doe dit door in de file waar ik nu zit bovenin de balk op Beautify te klikken en daarna is de code goed uitgelijnt en juist ingesprongen. Prettier heb ik geïnstalleerd omdat dit meer gebruikt lijkt te worden. Ik heb het uitgeprobeerd en niet heel veel verschil gezien maar het werkt verder prima.