Code editor

De code editor is van enorm belang voor een developer. Je moet er goed mee overweg kunnen en hem kunnen tweaken naar jouw voorkeuren. Na een aantal editors getest te hebben ben ik bij VSCode terecht gekomen.

Atom

Hiervoor heb ik vrijwel altijd Atom gebruikt die op een paar random vastlopers en langzaam opstarten vrij compleet was. Je kan Atom tweaken zoals je wilt met vele packages. Helaas door de vastlopers ben ik op zoek gegaan naar een andere text editor, ik kreeg dit niet verholpen door een herinstallatie (ook vanilla had deze problemen bij mij).

Notepad++

Next up, Notepad++. Heel snel en betrouwbaar maar vrij simpel. Ik wil graag mijn code editor customizen op een manier dat ik efficienter code kan schrijven.

Sublime

Ook heb ik gekeken naar de betaalde text editor Sublime, een onwijs mooie editor die lekker vlot werkt. Ook makkelijk om mee te beginnen. Handige packages beschikbaar maar helaas is de editor zelf betaalt. Kijkend naar de gratis alternatieven vind ik dit een groot nadeel. Is gratis te gebruiken maar dan wel met ads om het product aan te schaffen..

VSCode

Uiteindelijk dus bij VSCode terecht gekomen. Vanaf moment 1 heeft VSCode goed gewerkt. Vanilla is al vrij uitgebreid qua features. Met de vele packages kan je VSCode inrichten zoals jij dat wilt, ik ben vaak bezig met HTML & CSS dus heb direct de addons geïnstallerd die mijn HTML tags automatisch herkennen en afsluiten en mijn css kleuren highlighten (in de HEX kleur). Naast de addons ervaar ik de layout als erg fijn, ik gebruik VSCode sinds kort maar kan alles zonder problemen vinden. Maar ik was vooral verbaasd over de snelheid en stabiliteit, dat vind ik het grootste voordeel van VSCode.

Extensions voor mijn VSCode

VSCode heeft enorm veel nuttige of juist leuke extensions, hier een lijstje welke ik heb en waarom;

• Auto rename tag - handig voor het aanpassen van tags.
• Beautify - Ondanks dat vanilla VSCode z'n best doet zal deze extension je code netter maken.
• Code runner - Handig om je server side js te runnen en testen.
• Code spell checker - voor de grammaticale foutjes.
• Dutch - Code spell checker - voor de Nederlandse grammaticale foutjes.
• Color highlight - Hele fijne addon om de kleuren te zien in je .CSS / .SCSS files.
• ESLint - Uitleg waarom ESLint onderaan deze pagina
• HTML Boilerplate - Razendsnel standaard HTML opzetten, erg fijn.
• Power Mode - Niks nuttigs, wel een heel gaaf effect!
• Vscode-icons - Geeft mapjes icoontjes zodat je makkelijk kan zoeken wat je nodig hebt.

Hoe ziet dat er dan uit? Nou zo :)

Linter

Project tech is mijn eerste echte back-end project, ik heb hiervoor nooit met NodeJS of iets server side gedaan. Een goede linter was dus van belang om de voor de hand liggende bugs/typo's eruit te vissen. Voor mijn keuze heb ik dus wat onderzoek gedaan en hieronder volgt daar de conclusie van:

JSLint

Een hele scherpe linter die ervan uit gaat dat jouw code met 0 fouten de deur uit moet. JSLint is klaar hoe die geleverd wordt maar dat is gelijk een nadeel want dat is dan ook wat je heb, geen eigen configuration.

JSHint

Lijkt op JSLint maar dan wel aanpasbaar, daarmee ook support voor ES6. Prima linter maar ik vind de feedback van ESLint meer straight to the point en dus duidelijk.

ESLint

is de populairste linter, makkelijk aanpasbaar en support voor ES6. Kan bugs snel opsporen en duidelijk melden. Ik vind ESLint de duidelijkste feedback geven wat ik voor mijn eerste back-end project goed kan gebruiken. Wie weet bij een volgend project een andere. Ook heeft ESLint een enorme documentatie, in project tech zal ik ESLint niet volledig gebruiken maar het is goed er aan te wennen voor wanneer ik dit in een komend project wel ga doen.

Command prompt

Ik heb mijn command prompt een authentieke Windows look gegeven. Naast de kleuren heb ik de prompt zo ingesteld dat hij een opacity heeft waardoor je de programma's/files op de achtergrond kan zien tijdens het werken in de prompt.