## VScode

### Visual Studio code

Dit is een mogelijke tekst editor die je kunt gebruiken om code te schrijven. VScode biedt ondersteuning (extensies) voor zeer veel programmeertalen. Het is een gratis programma en biedt zeer veel mogelijkheden.

Download hier

### Extensies installeren

Het is aanbevollen om onderstaande extensies daarna te installeren

- Intelephense
- Tailwind CSS IntelliSense
- Format HTML in PHP
- Live Share (zie onderaan)
- PHP

### Configuratie aanpassen

Bij VScode is de editor volledig te configureren. Het is handig om onderstaande parameters te wijzigen. Ga naar file->preferences->settings (ctrl + ,)

- Zoek naar "auto save" wijzig deze in "onWindowChange"
- Zoek naar "format" vink "Format On Save" aan
- Zoek naar "HTML-CSS-class-completion" vink "Enables completion when ..." aan

## Working director

Kies open folder

Kies de root directory van USBwebserver

VScode is er nu klaar voor

Live Share

Om samen te werken kan het handig zijn om de extensie Live Share te installeren.

Na het installeren kan een teamgenoot Live Share aanzetten. (Let op hiervoor moet je wel inloggen met een Microsoft account of Github account. Als Microsoft account kan je je school email gebruiken).

### Live Share Server (dus diegene die deelt met andere)

Klik links onder op Live Share

Er wordt nu een link aangemaakt op je Clipboard die directe te plakken is in een Teams chat naar je maatje waarmee je samenwerkt.

### Live Share Client (dus diegene die mee mag doen)

Klik op

Daarna op

Plak de URL uit de Teamschat in de balk en de samenwerking kan beginnen