Claude AI · Cursus 5 van 5

Claude Code CLI Gebruiken

Installeer en gebruik Claude Code — de AI-gestuurde programmeertool van Anthropic — vanaf de allereerste terminalopdracht tot je eerste zelfstandige taak.

📚 5 lessen ⏱️ ~40 min 🆓 Gratis

🎯 Na deze cursus kun je…

Claude Code installeren via npm en het juiste abonnement kiezen
Een eerste sessie opstarten en de VS Code-integratie configureren
Een project voorbereiden zodat Claude Code er veilig in kan werken
De belangrijkste commando's gebruiken en in gewone taal met Claude Code communiceren
Veilig werken met Claude Code en veelvoorkomende problemen zelf oplossen

Les 1 van 5

Installatie en je Claude Code account

Voordat je Claude Code kunt gebruiken, moet je het installeren en een geschikt abonnement kiezen. Dat kost je een paar minuten — en daarna kun je aan de slag. In deze les zet je de basis neer.

Wat je nodig hebt

Zorg dat je de volgende zaken klaar hebt staan voordat je begint:

Node.js en npm geïnstalleerd op je computer
Een terminal of command prompt
Een GitHub-account (optioneel, voor het integreren met workflows)
Een project om mee te werken

Installeren via npm

Open je terminal en voer het volgende commando uit om Claude Code globaal te installeren:

npm install -g @anthropic-ai/claude-code

Dit commando zorgt ervoor dat Claude Code overal op je systeem beschikbaar is — je hoeft het maar één keer te doen.

Account en abonnement kiezen

1

Ga naar de Claude Code homepage Navigeer naar de "Pricing"-pagina om de beschikbare abonnementen te bekijken.

2

Kies "Pro" of "Max" Je hebt een betaald abonnement nodig om Claude Code te gebruiken — het gratis plan is niet toereikend.

3

Meld je aan Kies je abonnement en maak een account aan. Je bent daarna klaar om je eerste sessie te starten.

Prijspagina van Claude met Free, Pro en Max abonnementen in euro's — De actuele prijspagina — Free €0, Pro €15/maand, Max vanaf €90/maand

          💡 Tip: Het "Pro"-abonnement (€15/maand) biedt redelijke gebruikslimieten en toegang tot modellen zoals Sonnet en Opus. Zwaardere gebruikers kiezen "Max", vanaf €90/maand voor hogere limieten. Houd er rekening mee dat Opus sneller door je limieten heen gaat dan Sonnet.
        

🎯 Praktijkvoorbeeld: Je installeert Claude Code op een nieuwe laptop. Na npm install -g @anthropic-ai/claude-code typ je claude in de terminal — als het commando wordt herkend, is de installatie geslaagd en kun je door naar het abonnement.

📌 Samenvatting

Installeer Claude Code globaal met npm install -g @anthropic-ai/claude-code
Je hebt Node.js, npm en een terminal nodig om te beginnen
Het gratis plan volstaat niet — kies "Pro" (€15/maand) of "Max" (vanaf €90/maand)
Opus verbruikt je gebruikslimiet sneller dan Sonnet

Les 2 van 5

Opstarten en VS Code integreren

Claude Code staat geïnstalleerd. Nu starten we de allereerste sessie en zetten we de integratie met VS Code klaar — zodat je straks alles op één scherm hebt.

Je eerste sessie starten

1

Navigeer naar je project Open je terminal en ga naar de hoofdmap van het project waarmee je wilt werken, bijvoorbeeld cd mijn-project.

2

Start Claude Code Typ claude in de terminal en druk op Enter.

Claude Code opstartscherm met versie, tips en het laatste nieuws — Het opstartscherm van Claude Code — met tips om te beginnen en het laatste nieuws

3

Beantwoord de initiële vragen De eerste keer stelt Claude Code een paar vragen: welke modus je wilt (bijvoorbeeld "dark mode") en of je "API usage" of "subscription" gebruikt. Kies "subscription" als je een abonnement hebt.

4

Log in via je browser Je wordt doorgestuurd naar je browser om in te loggen en te autoriseren. Zie je "Login successful"? Druk op Enter om verder te gaan.

5

Vertrouw de bestanden Claude Code voert een "quick safety check" uit: is dit een project dat je zelf hebt gemaakt of vertrouwt? Kies "Yes, I trust this folder" — dit hoort bij de normale opstartprocedure.

Claude Code vraagt: Is dit een project dat je zelf hebt gemaakt of vertrouwt? — De veiligheidscheck bij een nieuwe projectmap — kies "Yes, I trust this folder"

Integratie met VS Code

Voor een optimale ervaring wordt aanbevolen om Claude Code te gebruiken binnen Visual Studio Code. Wanneer je Claude Code start vanuit de terminal binnen VS Code, wordt de Claude Code VS Code-extensie automatisch geïnstalleerd.

Claude Code for VS Code extensie in de VS Code marketplace — De officiële "Claude Code for VS Code" extensie — installeert zichzelf zodra je Claude Code start vanuit de VS Code terminal

Deze extensie biedt onder meer:

Diff viewing — verschillen bekijken vóór je ze accepteert
Tekstselectie als context — selecteer code en geef die direct mee aan de agent
Sneltoetsen voor snellere bediening
Actieve tabblad-bewustzijn — Claude Code weet welk bestand je aan het bewerken bent

          💡 Handmatig installeren? Ga naar het "Extensions"-tabblad in VS Code, zoek naar "Claude Code" en klik op Install. Zorg dat je dezelfde projectmap in VS Code hebt geopend als waarin je Claude Code startte.
        

📌 Samenvatting

Start Claude Code met het commando claude vanuit je projectmap
Bij de eerste start kies je je modus, account type en log je in via de browser
Bevestig altijd dat je de bestanden in de map vertrouwt
De VS Code-extensie installeert zich automatisch en geeft je diff-viewing, contextselectie en sneltoetsen

Les 3 van 5

Je project voorbereiden

Bij deze cursus krijg je een kant-en-klaar oefenproject: een kleine "Nomis AI"-website. Zo kun je alle stappen zelf meemaken zonder eerst zelf een project te hoeven opzetten.

Het oefenproject downloaden

Download het meegeleverde zip-bestand en pak het uit op je computer, bijvoorbeeld in een map als Documenten\nomis-ai-oefenproject.

1

nomis-ai-oefenproject.zip downloaden en uitpakken Het project bevat een kleine Node.js-website: een startpagina met een licht/donker-thema-knop en twee knoppen ("Visit Blog" en "Preview Components").

2

Open de map in VS Code Via File → Open Folder open je de uitgepakte map nomis-ai-node-project in VS Code.

Dependencies installeren en starten

3

Open een terminal Ga naar Terminal → New Terminal in het menu van VS Code.

4

Installeer de dependencies Voer uit:

npm install

5

Start het project Voer daarna uit:

npm run dev

Als alles goed gaat, zie je in de terminal iets als Nomis AI draait op http://localhost:3000.

VS Code met de dependencies van het Nomis AI-project geïnstalleerd via npm install in de terminal — npm install in de geïntegreerde terminal van VS Code — hierna start je met npm run dev

6

Open het project in je browser Ga naar http://localhost:3000 om de Nomis AI-startpagina te bekijken.

🎯 Praktijkvoorbeeld: Je opent het project in de browser en ziet een startpagina met een titel, een korte tekst en twee knoppen ("Visit Blog" en "Preview Components"), plus een knop rechtsboven om tussen licht en donker thema te wisselen. Die context helpt je straks om Claude Code gerichter te vragen.

Claude-extensie gebruiken in VS Code

In VS Code kun je Claude meestal op één van deze manieren openen. De eenvoudigste is via de zijbalk.

7

Optie A: via de zijbalk Kijk links in de zijbalk van VS Code of je een Claude-icoon ziet. Klik daarop om de chat te openen.

Claude Code chatpaneel geopend via het icoon in de zijbalk van VS Code — De Claude Code-chat geopend via het icoon in de zijbalk — hier kun je direct vragen stellen over je project

Waarom versiebeheer belangrijk is

Gebruik bij voorkeur een wegwerpproject of versiebeheer zoals Git om ongewenste wijzigingen te kunnen herstellen. Claude Code kan zelfstandig bestanden aanmaken en wijzigen — dat is precies zijn kracht, maar het betekent ook dat je een vangnet wilt hebben.

⚠️ Veelgemaakte fout: Direct in een productieproject beginnen zonder versiebeheer. Begin liever met Git geïnitialiseerd, of test eerst in een wegwerpproject zoals dit oefenproject, zodat je altijd kunt teruggaan naar een eerdere staat.

📌 Samenvatting

Gebruik het meegeleverde oefenproject om alle stappen zelf te doorlopen
Installeer dependencies met npm install en start met npm run dev
Bekijk je project altijd eerst zelf in de browser, zodat je Claude Code gerichter kunt aansturen
Open de Claude-chat in VS Code via het icoon in de zijbalk
Gebruik altijd versiebeheer (Git) of een wegwerpproject als vangnet

Les 4 van 5

Basiscommando's en communiceren

Nu Claude Code is geïnstalleerd en geconfigureerd, kun je beginnen met het stellen van vragen en het uitvoeren van taken. In deze les leer je de belangrijkste commando's en hoe je effectief communiceert met de agent.

Speciale commando's

Gebruik commando's die beginnen met een slash (/) om specifieke acties met Claude Code uit te voeren.

1

/terminal-setup Stelt de Shift + Enter toetsbinding in voor nieuwe regels in de chat — handig als je langere prompts wilt typen zonder ze per ongeluk te versturen.

Git-beheer in gewone taal

Claude Code kan Git-commando's uitvoeren zonder dat jij de exacte syntax hoeft te kennen. Vraag het bijvoorbeeld om een nieuwe branch aan te maken:

Switch to a new branch called claude-edits.

Claude Code toont het bash-commando dat het wil uitvoeren en vraagt om toestemming. Bevestig om de nieuwe branch daadwerkelijk aan te maken.

Claude Code maakt een nieuwe Git-branch aan na een verzoek in gewone taal — Resultaat van "Switch to a new branch called claude-edits" — Claude Code toont en voert het bash-commando uit

Vragen stellen over je project

Je kunt Claude Code ook gewoon vragen stellen over de codebase:

Can you provide me with a summary of what this project is?

Claude Code analyseert de codebase en geeft een samenvatting — handig als je een onbekend project binnenstapt of na een lange pauze weer instapt.

          💡 Het belangrijkste inzicht: Je hoeft geen exacte commando's te kennen. Beschrijf wat je wilt in gewone taal, en Claude Code vertaalt dat naar de juiste actie — mét een voorstel dat jij eerst goedkeurt.
        

📌 Samenvatting

Slash-commando's zoals /terminal-setup passen je werkomgeving aan
Git-acties kun je in gewone taal aanvragen — Claude Code toont het commando vóór uitvoering
Vraag gerust om een samenvatting van je project — de agent analyseert de codebase voor je
Elke actie volgt dezelfde cyclus: jij vraagt, Claude Code stelt voor, jij keurt goed

Les 5 van 5

Veiligheid, valkuilen en troubleshooting

Claude Code is krachtig, maar het blijft een AI-tool die fouten kan maken. In deze laatste les leer je hoe je veilig werkt, welke problemen je kunt tegenkomen, en hoe je ze zelf oplost.

Belangrijke veiligheidswaarschuwing

⚠️ Claude can make mistakes, so always review Claude responses, especially code. Controleer gegenereerde code altijd voordat je die aanneemt of uitvoert.

⚠️ Due to prompt injection risks, only use it with code you trust. Laat Claude Code niet zomaar los op code of repositories waarvan je de herkomst niet kent.

Security notes van Claude Code: Claude can make mistakes en prompt injection risico's — De veiligheidswaarschuwing die Claude Code zelf toont bij het opstarten

Probleemoplossing

1

Claude Code start niet Mogelijke oorzaak: Node.js of npm is niet correct geïnstalleerd. Oplossing: controleer je Node.js- en npm-installatie en herinstalleer indien nodig.

2

Extensie wordt niet geïnstalleerd Mogelijke oorzaak: automatische detectie werkt niet. Oplossing: installeer de Claude Code VS Code-extensie handmatig via de Extensions Marketplace.

3

Login-problemen Mogelijke oorzaak: je browser opent niet correct of autorisatie mislukt. Oplossing: zorg dat je browser pop-ups toestaat voor de Claude Code website en probeer opnieuw in te loggen.

4

Onverwachte codewijzigingen Mogelijke oorzaak: Claude Code genereert code die niet aan je verwachtingen voldoet. Oplossing: review de code altijd grondig, gebruik versiebeheer om terug te keren, en stel specifiekere prompts op.

🎯 Praktijkvoorbeeld: De agent past een bestand aan op een manier die je niet had verwacht. In plaats van zelf te gaan uitzoeken wat er mis ging, hover je over een eerder punt in de thread en kies je "roll back" — de wijziging wordt ongedaan gemaakt en je herformuleert je prompt specifieker.

🎯 Oefenen met je Nomis AI-project: Gebruik het oefenproject uit Les 3 om zelf een paar wijzigingen te laten uitvoeren door Claude Code. Probeer bijvoorbeeld:

"Voeg een derde knop toe met de tekst 'Contact' die een mailto-link opent"
"Verander de paarse accentkleur van de site naar blauw"
"Voeg een teller toe die bijhoudt hoe vaak er op de thema-knop is geklikt, en toon dit onderaan de pagina"

Beschrijf steeds het doel, laat Claude Code een aanpak voorstellen, en controleer de wijziging voordat je verdergaat.

Volgende stappen

Je hebt geleerd hoe je Claude Code installeert, configureert en integreert met je ontwikkelomgeving. Wil je nog verder? Dit sluit direct aan op wat je in Agentic Workflows met Claude Code hebt geleerd:

Begin met het stellen van gerichte vragen aan Claude Code om code te genereren of te bewerken
Leer meer over het schrijven van specifieke prompts om de output te sturen
Voeg geheugen toe met een CLAUDE.md-bestand voor betere context
Onderzoek het gebruik van MCP-servers voor extra tools en het creëren van sub-agenten

📌 Samenvatting

Review altijd de output van Claude Code, zeker gegenereerde code
Gebruik het alleen met code die je vertrouwt, vanwege prompt-injectierisico's
De meeste problemen (opstarten, extensie, login, onverwachte wijzigingen) zijn met een paar simpele stappen op te lossen
Gebruik versiebeheer als vangnet en rollback als je een verkeerde afslag neemt

Afsluitende quiz

Test je kennis van Claude Code. Kies per vraag het beste antwoord.

vragen correct