frankmeeuwsen/workshopclaudecode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
workshopclaudecode/content/installatie.md
Frank Meeuwsen fb52af979a feat: Markdown editor voor Installatie pagina + content updates 
Installatie pagina omgezet van hardcoded JSX naar Markdown-driven rendering.
Browser-based editor toegevoegd (alleen in dev mode) met split-pane layout,
sneltoetsen, toolbar en drag & drop afbeeldingen.

Nieuwe afbeeldingen voor Git en Python installatie-instructies.
Workshop op uitverkocht gezet.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-29 21:44:03 +02:00

9.7 KiB
Raw Blame History

title subtitle
Installatie-instructies 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. 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 en download de app voor jouw besturingssysteem.

Claude Code download pagina

:::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 hulpprogramma

We installeren nu extra software voor je Mac 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

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 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 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

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

python-install-certificates.png :::

De installatie voor Mac is hiermee voltooid. :::

:::if{os=windows}

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

:::steps

  1. Ga naar 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 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
  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

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 ::: :::image{os=windows} Claude Code welkomstscherm met Sign in knop :::

  1. 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.

  2. 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

  1. 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

Typ in Claude Code: Hallo Claude, vertel me in welke map je nu bent.

Claude antwoordt met informatie over je huidige werkmap. 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 :::