---
title: Installatie-instructies
subtitle: Bereid je voor op de workshop door Claude Code alvast te installeren. Volg onderstaande stappen en je bent binnen 10 minuten klaar.
---

## Wat je nodig hebt

:::checklist
- **Een Claude abonnement** -- Claude Code werkt alleen met een [betaald Claude account](https://claude.ai/pricing). Claude Pro kost €18/maand, Claude Max €90/maand. Start voor de workshop met Pro.
- **Een Mac of Windows laptop** -- De desktop app werkt op beide platforms. Neem deze laptop mee naar de workshop. **Let op:** Claude Code werkt *niet* op een Chromebook of Chrome OS!
- **Een idee wat je wilt maken** -- Denk al na over een klein, uitvoerbaar idee wat je in een paar uur kunt realiseren. Een complete site nabouwen zal niet lukken, een klein deel maken wel. 
:::

## Desktop of terminal?

Claude Code kun je op twee manieren gebruiken: via de desktop app of via de terminal (command line). Beide zijn volwaardig. Voor deze workshop starten we met de desktop app - die is het makkelijkst om mee te beginnen.

Het is wel handig om te weten wat de terminal is. Als je daar al bekend mee bent, sla dit dan over.

:::accordion[Wat is de terminal?]
Een terminal is een venster waar je tekstcommando's typt in plaats van te klikken. Je hoeft dit niet te beheersen voor de workshop, maar het helpt om te weten dat het bestaat.

**Terminal openen:**
- **Mac:** Druk `Cmd + Spatie`, typ "Terminal", druk Enter
- **Windows:** Druk de Windows-toets, typ "PowerShell", klik erop

**4 basiscommando's:**

:::command[pwd]
Waar ben ik? Toont het pad naar je huidige map.
:::

:::command[ls]
Wat staat hier? Toont bestanden en mappen. Op Windows: `dir`
:::

:::command[cd mapnaam]
Ga naar een map. `cd ..` gaat een map terug.
:::

:::command[mkdir mapnaam]
Maak een nieuwe map aan.
:::
:::

## Claude Code desktop app installeren

Ga naar [claude.com/download](https://claude.com/download) en download de app voor jouw besturingssysteem.

![Claude Code download pagina](images/installatie/desktop-installatie.png)

:::tabs{os}
::tab[Mac]
### Installatie op Mac

:::steps
1. Download het .dmg bestand van claude.com/download
2. Open het bestand en sleep het Claude icoon naar je Applications map
3. Klaar! Open de app vanuit je Applications map of via Spotlight (Cmd + Spatie, typ "Claude")
:::


::tab[Windows]
### Installatie op Windows

:::steps
1. Download het .exe bestand van claude.com/download
2. Dubbelklik op het bestand om de installer te starten
3. Volg de installatiestappen
4. Claude Code wordt automatisch toegevoegd aan je Start menu
:::
:::

:::if{os=mac}
### Installatie hulpprogrammas
Tijdens de workshop werk je vooral lokaal, maar de kans is groot dat Claude Code hier een extra programmeeromgeving voor nodig heeft. Daarom vraag ik je om deze nu al te installeren. Het gaat om drie onderdelen

- Git - Dit zorgt voor versiebeheer van je bestanden op je computer. 
- NodeJS - Een programmeeromgeving om webapps en software te ontwikkelen
- Python - Een programmeeromgeving om voornamelijk apps en scripts te maken. 

Met deze drie extra instrumenten kun je aan de slag op de workshop. Het is software die verder niets doet op je computer tenzij jij expliciet er opdrachten aan geeft. Het is veilig om te installeren. 

We installeren eerst Git waarmee je straks versiebeheer kunt doen. Dit zijn de Apple Xcode Command Line Tools. Hiervoor gaan we kort naar Terminal.

:::steps
1. Open Terminal (druk Cmd + Spatie, typ "Terminal", druk Enter)
2. Kopieer dit commando en plak het in de terminal: `xcode-select --install`
3. Je ziet nu een pop-up verschijnen met de mededeling om Git te installeren. Klik op Install en heb geduld. Dit kan 15 - 20 minuten duren. Doe dit dus ruim vantevoren.
![git-install.png](images/installatie/git-install.png)

![git-time.png](images/installatie/git-time.png)
4. Je krijgt automatisch een melding als de installatie is geslaagd

:::

### Installatie NodeJS
NodeJS is een programmeer-omgeving die Claude Code veel gebruikt. Hiermee kan Claude Code zelfstandig websites en apps ontwikkelen. Je installeert dit eenmalig op je computer.
:::steps
1. Ga naar [de website van NodeJS](https://nodejs.org) en klik op *Get NodeJS*
2. Kies onder het zwarte scherm voor MacOS Installer (.pkg) en download het programma
3. Dubbelklik op het bestand en installeer Node.js
:::

### Installatie Python
Met Python is veel mogelijk. Van losse applicaties tot scripts, tot uitgebreide berekeningen en analyses. Claude Code wil dit vaak gebruiken in de ontwikkeling, daarom installeren we het nu. 
:::steps
1. Ga naar [de website van Python](https://python.org) en klik op *Download Python*
2. De site biedt direct de macOS Installer aan en je download het programma
3. Dubbelklik op het bestand en installeer Python
4. Voor Python is nog één extra stap nodig. Je krijgt aan het einde een melding om  certificaten te installeren. 

![python-install-warning.png](images/installatie/python-install-warning.png)

5. Tegelijk opent je Finder en zie je het bestand *Install Certificates.command*. Dubbelklik hier op.

![python-install-certificates.png](images/installatie/python-install-certificates.png)
:::

De installatie voor Mac is hiermee voltooid. 
:::

:::if{os=windows}

Tijdens de workshop werk je vooral lokaal, maar de kans is groot dat Claude Code hier een extra programmeeromgeving voor nodig heeft. Daarom vraag ik je om deze nu al te installeren. Het gaat om drie onderdelen

- Git - Dit zorgt voor versiebeheer van je bestanden op je computer. 
- NodeJS - Een programmeeromgeving om webapps en software te ontwikkelen
- Python - Een programmeeromgeving om voornamelijk apps en scripts te maken. 

Met deze drie extra instrumenten kun je aan de slag op de workshop. Het is software die verder niets doet op je computer tenzij jij expliciet er opdrachten aan geeft. Het is veilig om te installeren. 


## Git installeren (Windows)

Op Windows heb je Git nodig om foutmeldingen in de Claude Code desktop app te voorkomen. Git is een programma dat Claude Code gebruikt om je bestanden bij te houden.

![Foutmelding in Claude Code wanneer Git niet geinstalleerd is](images/installatie/windows-git-installatie-melding.png)

:::steps
1. Ga naar [git-scm.com/download/win](https://git-scm.com/download/win)
2. Download de "Standalone Installer" (64-bit)
3. Voer de installer uit en klik steeds op "Next" (de standaardinstellingen zijn prima)
4. Klik op "Install" en wacht tot het klaar is
:::

:::warning
**Start je computer opnieuw op na de installatie van Git.** Door te herstarten worden alle instellingen automatisch goed gezet. Je hoeft niets handmatig aan te passen.
:::

## NodeJS installeren
NodeJS is een programmeer-omgeving die Claude Code veel gebruikt. Hiermee kan Claude Code zelfstandig websites en apps ontwikkelen. Je installeert dit eenmalig op je computer.
:::steps
1. Ga naar [de website van NodeJS](https://nodejs.org) en klik op *Get NodeJS*
2. Kies onder het zwarte scherm voor Windows Installer (.msi) en download het programma
3. Dubbelklik op het bestand en installeer Node.js
:::

## Installatie Python
Met Python is veel mogelijk. Van losse applicaties tot scripts, tot uitgebreide berekeningen en analyses. Claude Code wil dit vaak gebruiken in de ontwikkeling, daarom installeren we het nu. 
:::steps
1. Ga naar [de website van Python](https://python.org) 
2. In de navigatie zie je Downloads. Ga er overheen en je ziet direct staan "Download stand-alone installer". Klik er op en download naar je computer
3. Dubbelklik op het bestand en installeer Python met de optie "*Install now*"

![python-self-installer.png](images/installatie/python-self-installer.png)

Hiermee heb je alle hulpprogramma's geinstalleerd.
:::
:::

## Eerste keer opstarten

:::steps
1. **Open de Claude app** -- Je ziet een welkomstscherm met de mogelijkheid om in te loggen.

:::image{os=mac}
![Claude for Mac welkomstscherm](images/installatie/mac-installatie-inloggen.png)
:::
:::image{os=windows}
![Claude Code welkomstscherm met Sign in knop](images/installatie/windows-installatie-inloggen.png)
:::

2. **Log in met je Claude account** -- Kies om in te loggen via email of Google. Je browser opent automatisch. Geef toestemming voor de desktop app.

3. **Schakel over naar Claude Code** -- Na het inloggen land je in Claude Chat. Bovenin het scherm zie je een schakelaar. Zet die om naar **Claude Code**. Dit hoef je maar een keer te doen.

![Schakelaar bovenin de app om te wisselen tussen Claude Chat en Claude Code](images/installatie/desktop-installatie-schuif-claude-boven.png)

4. **Je ziet het Claude Code scherm** -- Een chat interface in het midden en een overzicht van gesprekken links. Je bent klaar!
:::

## Projectmap aanmaken

Claude Code werkt altijd binnen een projectmap. Maak vooraf een map aan waar je tijdens de workshop in gaat werken.

:::if{os=mac}
:::steps
1. Maak een map aan met de naam `Projecten` in je thuisfolder. Installeer het *niet* in je Documenten-map omdat hiermee extra lees- en schrijfrechten worden gevraagd door Mac. 
2. Op de Mac open je Finder en ga je via het menu naar Ga > Thuismap (Sneltoets Shift-CMD-H) en maak hier de submap `Projecten` aan (Archief > Nieuwe map of Shift-CMD-N)
3. Open deze map in Claude Code via het mapicoon linksonder.
:::
:::

:::if{os=windows}
:::steps
1. Maak een map aan met de naam `Projecten` in je thuisfolder. Installeer het *niet* in je Documenten-map omdat hiermee extra lees- en schrijfrechten worden gevraagd door Windows. 
2. Op Windows open je Verkenner en ga je naar de gebruikersmap (`C:/Users/[username]`) en maak hier de submap `Projecten` aan.
3. Open deze map in Claude Code via het mapicoon linksonder.
:::
:::

:::info
**Let op: werk altijd in een aparte projectmap.** Geef Claude Code niet zomaar toegang tot je hele computer. Claude kan bestanden maken, aanpassen en verwijderen. Door in een aparte map te werken, beperk je wat Claude kan doen. Je computer vraagt mogelijk of Claude toegang mag tot "Documenten" - daarmee geef je alleen toegang tot de gekozen map, niet tot alles in Documenten.
:::

## Controleer of alles werkt

![Schakelaar bovenin de app om te wisselen tussen Claude Chat en Claude Code](images/installatie/accept-edits.png)

Zet in Claude Code linksonder de mode op "Accept Edits" en typ als prompt: `Hallo Claude, vertel me in welke map je bent en schrijf een bestand helloworld.txt weg met 5 random regels uit Alice in Wonderland`

Claude antwoordt met informatie over je huidige werkmap en schrijft een bestand weg. Dit bevestigt dat alles werkt.

:::checklist-verify
- Claude abonnement actief
- Desktop app geinstalleerd en geopend
- Ingelogd en overgeschakeld naar Claude Code
- Projecten-map aangemaakt en geopend in Claude Code
:::


## Problemen oplossen

:::troubleshoot[App start niet na installatie]
- **Mac:** Check of je de app naar Applications hebt gesleept
- **Windows:** Probeer de installer opnieuw als administrator uit te voeren
:::

:::troubleshoot[Kan niet inloggen]
- Check of je een Claude Pro of Max account hebt (gratis werkt niet)
- Probeer uit te loggen en opnieuw in te loggen in je browser
:::

:::if{os=windows}
:::troubleshoot[Foutmelding over Git in de desktop app]
- Installeer Git via de stappen hierboven
- Start je computer opnieuw op na de Git-installatie
- Open daarna pas de Claude Code app weer
:::
:::

:::troubleshoot[Geen project directory kunnen kiezen]
- Zorg dat de Projecten-map bestaat en dat je leesrechten hebt
- Maak een nieuwe lege map in je thuisfolder als het niet lukt
:::
