# VS Code for Mac installeren

Volgende (in opbouw) gids overloopt hoe je Visual Studio Code kunt installeren op Mac zodat je er C# applicaties in kunt ontwikkelen.

De stappen met **(eenmalig)** achter moet je maar 1 keer doen tijdens installatie. Al de rest heb je nodig telkens je een nieuw project begint.

## Installatie en configuratie

### Installeer VS Code for Mac (eenmalig)

Volg de Installation stappen (1 tot 6) op [deze pagina](https://code.visualstudio.com/docs/setup/mac).

### Installeer C# Dev Kit extension (eenmalig)

Klik op extensions ![](https://2320684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FouoIA7Dvx8ty0RZ0Hqs1%2Fuploads%2Fgit-blob-257749d6e5ba488b53373093850e963d1a630ddd%2Fimage1.png?alt=media) en zoek op c#.

Installeer: ![](https://2320684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FouoIA7Dvx8ty0RZ0Hqs1%2Fuploads%2Fgit-blob-0e8f8433caa3db10218977b0a29bdbcef5d62166%2Fimage2.png?alt=media)

Na installatie sluit VS Code.

### Installeer .NET 8 (eenmalig)

Surf naar [deze pagina](https://dotnet.microsoft.com/en-us/download/dotnet/8.0).

![](https://2320684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FouoIA7Dvx8ty0RZ0Hqs1%2Fuploads%2Fgit-blob-a4abfdb974f8322ed729061453a598c62e91e3e9%2Fimage6.png?alt=media)

Download en installeer de juiste macOS installer (afhankelijk van je processortype).

### Andere output (eenmalig)

Druk command+, (komma) om naar de settings te gaan.

Ga naar Extensions-> C#-> Debugger

En pas Debug:Console instelling aan naar **externalTerminal**

![](https://2320684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FouoIA7Dvx8ty0RZ0Hqs1%2Fuploads%2Fgit-blob-5980b553667df4be83154c1dd450f1948b440d84%2Fimage7.png?alt=media)

Mooi zo. Je bent klaar om C# applicaties te maken!

## Werken met VS Code

### Een nieuw project/solution aanmaken:

Command+SHIFT+P en kies .NET New Project:

![](https://2320684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FouoIA7Dvx8ty0RZ0Hqs1%2Fuploads%2Fgit-blob-3ebd6d04034b9a094223173890a24542014ca716%2Fimage8.png?alt=media)

Dan Console App:

![](https://2320684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FouoIA7Dvx8ty0RZ0Hqs1%2Fuploads%2Fgit-blob-b4363af2bca6cf06a1e0bc0bce563efcbdcbb646%2Fimage9.png?alt=media)

Kies folder waar de solution moet komen.

Geef de solution een naam:

![](https://2320684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FouoIA7Dvx8ty0RZ0Hqs1%2Fuploads%2Fgit-blob-6076bb3ebc4d8537ceb6ce1af6810e186de41dd4%2Fimage10.png?alt=media)

Kies "create project":

![](https://2320684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FouoIA7Dvx8ty0RZ0Hqs1%2Fuploads%2Fgit-blob-bf4e46d4ec8bd030dd8435993b85d241454ac64a%2Fimage11.png?alt=media)

Je mag dit vertrouwen:

![](https://2320684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FouoIA7Dvx8ty0RZ0Hqs1%2Fuploads%2Fgit-blob-6fee08a071c3263fcfe50f3f84d720971f5b5889%2Fimage12.png?alt=media)

In explorer (linkerzijde) zie je je project (klik ![](https://2320684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FouoIA7Dvx8ty0RZ0Hqs1%2Fuploads%2Fgit-blob-a9b72bc76427a0d3fac1c3464a14c7feb6bb066c%2Fimage13.png?alt=media) als je geen explorer balk ziet):

![](https://2320684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FouoIA7Dvx8ty0RZ0Hqs1%2Fuploads%2Fgit-blob-8aa3f7b2fb7ed7b2a3f0c814c74b5c5e68eab674%2Fimage14.png?alt=media)

Open de Program.cs file:

![](https://2320684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FouoIA7Dvx8ty0RZ0Hqs1%2Fuploads%2Fgit-blob-8bbbb13e2adc2eb3f805a3f1f3bbb638206d13db%2Fimage15.png?alt=media)

**OPGELET:** we moeten nog 1 ding doen voor we kunnen beginnen.

Klik met je muis op de eerste lijn code (`// See https://aka.ms/new-console-template for more information`) zodat je cursor er staat. Er zou nu aan de linkerzijde een geel lampje moeten verschijnen:

![](https://2320684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FouoIA7Dvx8ty0RZ0Hqs1%2Fuploads%2Fgit-blob-1ffaa5f52da7c56245c7806fb7e53952803bf69f%2Fimage16.png?alt=media)

Klik op gele lampje en kies `Convert to program.main style program`:

![](https://2320684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FouoIA7Dvx8ty0RZ0Hqs1%2Fuploads%2Fgit-blob-21d79cfd33d53763967515853aa9c2bb2d6055aa%2Fimage17.png?alt=media)

Ready to program:

![](https://2320684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FouoIA7Dvx8ty0RZ0Hqs1%2Fuploads%2Fgit-blob-0c758f1de45b09fd60c7d802a572dd15e67ff270%2Fimage18.png?alt=media)

### Code compileren en uitvoeren

Optie 1: druk op F5.

Optie 2: druk op playknop rechtsboven ![](https://2320684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FouoIA7Dvx8ty0RZ0Hqs1%2Fuploads%2Fgit-blob-319c277065670c60f8443da1a369e503c54803a0%2Fimage19.png?alt=media)}

### Code debuggen

Zet eerst gewenste breakpoint (rode bolletje) vlak naast de lijnnummers:

![](https://2320684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FouoIA7Dvx8ty0RZ0Hqs1%2Fuploads%2Fgit-blob-10dc30fedb2060b259f34a626de2aee05a8abbdf%2Fimage20.png?alt=media)

Klik rechtsboven op het kleine pijltje naast de "play"knop:

![](https://2320684026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FouoIA7Dvx8ty0RZ0Hqs1%2Fuploads%2Fgit-blob-71dd89e398dfa3b1b88455c0833a7c82385f53ed%2Fimage21.png?alt=media)

En kies "debug project associated with the file":