Browsers & Editors

Code Editor installeren

◂ Terug naar overzicht

Transcript

Naast een browser hebben we ook een programma nodig om uiteindelijk code te schrijven, een zogeheten code editor. Je kan niet zomaar word of pages gebruiken. Er zijn verschillen tussen dat soort text editors en echt code editors. Code editors gaan niet over opmaak maar puur ruwe karakters (code).

Er zijn een aantal bedrijven die code editors maken, net zoals er veel verschillende browsers zijn. Bijvoorbeeld Atom, Sublime of Brackets. Bij internetstandaarden raden we je aan om Visual Studie Code (VS Code) te gebruiken. Het is op het moment de populairste code editor. Er zijn veel plugins (extensies) voor beschikbaar en de interface is erg gebruiksvriendelijk. We zullen bij dit vak niet alle features gebruiken. Installeer de editor vanaf de website.

VScode kan wat overweldigend zijn, er zijn heel veel opties en tabjes. De belangrijkste zijn;

Een handige extensie is de live server extensie. Daarmee kan je een 'server' maken die je code bestanden serveert. Als je wijzigingen maakt in je code update automatisch de live preview in de browser zonder dat je de pagina hoeft te refreshen.

Je kan verder je editor customizen. Verschillende kleurthema's installeren en gebruiken of scroll eens door de settings heen om bijvoorbeeld de font-size aan te passen.

Ga eens experimenteren met de instellingen zodat je de editor aanpast naar hoe jij het fijn vindt.

Links & resources