Voeg een handleiding voor Visual Studio Code toe

Author: bauglir

Diff for: .gitignore

@@ -1 +1,2 @@
-/public
+/public/
+/src/files/.vscode/

Diff for: src/files/vscode-configuratie.zip

@@ -0,0 +1,46 @@
+---
+categories:
+  - Handleidingen
+layout: page
+---
+
+# Visual Studio Code
+
+[Visual Studio Code](https://code.visualstudio.com/), ook wel VS Code genoemd, is een gratis beschikbare tekst editor die zeer geschikt is voor programmeren. Er zijn veel uitbreidingen voor beschikbaar die het werken met code eenvoudiger maken.
+
+![Het "Vang Octo" spel in VS Code](/images/vscode.png)
+
+Voor een aantal projecten die bij de CoderDojo verzorgd worden maken we gebruik van deze editor. Deze handleiding legt je uit hoe je de editor kunt installeren en een project kunt voorbereiden om direct aan de slag te kunnen.
+
+## VS Code Installeren
+
+- Download een installatiebestand voor het besturingssyteem van je computer voor Visual Studio Code [van de website](https://code.visualstudio.com/Download). In veel gevallen zal je besturingssyteem Windows zijn, maar versies voor Linux and Mac zijn ook beschikbaar.
+- Nadat je het installatiebestand hebt gedownload kun je het programma installeren.
+- Zodra het programma geïnstalleerd is kun je het vinden in het menu van waaruit je programma's opstart door de zoeken naar _Code_.
+
+## Een map voor project voorbereiden
+
+We een aantal bestanden voorbereid die het eenvoudig maken om VS Code zo te configureren dat je er optimaal mee aan CoderDojo projecten te werken, bijvoorbeeld door een aantal handige uitbreidingen te installeren. Op die manier kun je zo snel mogelijk aan het werk.
+
+- Maak een map aan op de harde schijf van je computer waar je het project wilt opslaan.
+- Download het zip-bestand hieronder en pak het uit naar de map die je zojuist gemaakt hebt.
+
+  [!file VS Code configuratie](/files/vscode-configuratie.zip)
+
+  Er zou nu een `.vscode` map in de project map moeten staan.
+
+- Start VS Code en open de project map door op _Bestand_ en dan _Open Map..._ te klikken.
+
+- Installeer de aanbevolen extensies door naar het _extensies_ menu te navigeren (het actieve item in de volgende schermafbeelding).
+
+  Dit kan door er op te klikken of door op je toetsenbord de toetsen _Control_ (of _Cmd_ op een Mac), _Shift_ en _x_ tegelijkertijd in te drukken. Type in het zoekveld `@recommended` en zorg ervoor dat alle extensies geïnstalleerd zijn.
+
+  In sommige gevallen kan het zijn dat je VS Code opnieuw moet opstarten.
+
+  ![](/images/vscode-aanbevolen-extensies.png)
+
+  !!! info
+  Als je geluk hebt, vraagt VS Code bij het openen van de map automatisch of je de aanbevolen extensies wilt installeren. Klik in dat geval op _Ja_.
+  !!!
+
+De map is nu voorbereid. Indien je naar deze pagina doorverwezen bent vanuit een project, kun je nu teruggaan naar het project.