Wat is VS Code en heb je het nodig?
VS Code is een code-editor: een soort tekstverwerker die gemaakt is voor programmabestanden. Het kleurt code zodat die beter leesbaar is, laat al je projectbestanden overzichtelijk naast elkaar zien en heeft een ingebouwde terminal. Het werkt op Mac, Windows en Linux.
Verwar het niet met Visual Studio zonder het woord Code. Dat is een ander, veel zwaarder programma voor professionele ontwikkelaars. Voor beginners is VS Code de logische keuze.
Strikt nodig is het niet: Claude Code werkt ook gewoon in de terminal. Maar als beginner wil je zien wat er gebeurt. In VS Code zie je welke bestanden Claude Code aanmaakt en wat erin staat. Dat geeft overzicht en vertrouwen.
Hoe installeer je Visual Studio Code?
Het installeren duurt een paar minuten.
- 1
Ga naar code.visualstudio.com
Download altijd via de officiële site. De site herkent je systeem en toont de juiste downloadknop voor Mac of Windows.
- 2
Windows: voer het installatieprogramma uit
Open het gedownloade bestand en klik door de stappen. Laat de optie Add to PATH aangevinkt, dan kun je VS Code later vanuit de terminal openen. De optie om Open with Code aan het rechtermuismenu toe te voegen is ook handig.
- 3
Mac: sleep de app naar Programma's
Open het gedownloade bestand en zet Visual Studio Code in de map Programma's. Start het daarna vanuit die map of via Spotlight.
- 4
Mac: maak de opdracht code beschikbaar
Open in VS Code het opdrachtenpalet met Cmd, Shift en P, zoek op shell command en kies Install 'code' command in PATH. Open daarna een nieuw terminalvenster. Nu opent
code .de map waarin je staat. - 5
Optioneel: Nederlandse menu's
VS Code is standaard Engelstalig. Via de extensies kun je een Nederlands taalpakket installeren. In deze handleiding noemen we de Engelse menunamen, omdat die het meest gebruikt worden.
Een projectmap openen en bestanden bekijken
In VS Code werk je altijd met een hele map tegelijk, niet met losse bestanden. Kies File en dan Open Folder, en selecteer de map van je project. De eerste keer vraagt VS Code of je de makers van de map vertrouwt. Bij je eigen project kies je ja.
Links staat nu de Explorer: een boomstructuur met alle bestanden en mappen van je project. Klik op een bestand, bijvoorbeeld index.html, en het opent in het grote venster rechts. Je kunt meerdere bestanden openen, ze verschijnen als tabbladen bovenaan.
Wijzigt Claude Code een bestand, dan zie je die wijziging direct in VS Code. Zet onder File de optie Auto Save aan, dan worden je eigen kleine aanpassingen automatisch opgeslagen en raak je nooit iets kwijt.
De onderdelen van het VS Code-scherm
- links
Explorer
Alle bestanden en mappen van je project. Hier maak je ook een nieuw bestand of nieuwe map aan met de knopjes bovenaan.
- midden
Editor
Het grote venster waarin je de inhoud van een bestand ziet en bewerkt, met kleuren die de code leesbaar maken.
- onder
Terminal
Een ingebouwde terminal die al in je projectmap staat. Open hem via View en dan Terminal, of met Ctrl en de backtick-toets.
- links
Extensies
Uitbreidingen die extra functies toevoegen, zoals de Claude Code-extensie. Te vinden via het blokjesicoon in de zijbalk.
De ingebouwde terminal gebruiken
Het grote voordeel van de ingebouwde terminal is dat hij automatisch in de juiste map start: de map die je in VS Code hebt geopend. Je hoeft dus niet eerst met cd naar je project te navigeren.
Op de Mac draait in deze terminal dezelfde omgeving als in het programma Terminal, op Windows standaard PowerShell. Alle opdrachten die je kent werken hier ook. Typ je hier claude, dan start Claude Code in je project en zie je erboven meteen de bestanden die het maakt.
Claude Code gebruiken in VS Code
Anthropic heeft een officiële extensie gemaakt: Claude Code for VS Code. Daarmee werk je met Claude Code zonder de editor te verlaten.
- Open de extensies met Cmd, Shift en X op de Mac of Ctrl, Shift en X op Windows.
- Zoek op Claude Code en kies de extensie van uitgever Anthropic. Let op die naam, er bestaan ook extensies van anderen.
- Klik op Install. Daarna kun je Claude Code openen vanuit VS Code en log je in met je Claude-account.
- Claude Code kan dan je project doorzoeken, code lezen en schrijven en opdrachten uitvoeren, telkens met jouw toestemming. Het kan rekening houden met het bestand dat je open hebt.
- Liever de terminal? Dat kan ook: typ
claudein de ingebouwde terminal. Beide manieren werken met hetzelfde account.
Veelgestelde vragen
Is VS Code gratis?
Ja, Visual Studio Code is gratis te downloaden en te gebruiken, ook voor commerciële projecten. Je downloadt het via code.visualstudio.com. Sommige extensies of diensten die je eraan koppelt, zoals Claude Code, hebben wel een eigen abonnement nodig.
Wat is het verschil tussen Visual Studio en Visual Studio Code?
Visual Studio Code is een lichte, gratis code-editor voor allerlei soorten projecten. Visual Studio is een groot ontwikkelprogramma dat vooral door professionele ontwikkelaars wordt gebruikt. Voor vibe coding heb je VS Code nodig.
Kan ik VS Code in het Nederlands zetten?
Ja. Zoek in de extensies naar het Nederlandse taalpakket, installeer het en herstart VS Code. Veel uitleg online gebruikt wel de Engelse menunamen, dus soms is Engels juist makkelijker.
Heb ik VS Code nodig om Claude Code te gebruiken?
Nee, Claude Code werkt ook in de terminal en als desktop-app. VS Code is handig omdat je er de bestanden van je project bij ziet. Veel beginners vinden dat prettig om te volgen wat er gebeurt.
Hoe open ik de terminal in VS Code?
Kies in het menu View en dan Terminal, of druk op Ctrl en de backtick-toets (links van de 1). De terminal opent onderin en staat al in de map van je project.
Wat is de Claude Code-extensie voor VS Code?
Dat is de officiële extensie van Anthropic waarmee je Claude Code binnen VS Code gebruikt. Je installeert hem via de extensies door op Claude Code te zoeken. Let erop dat de uitgever Anthropic is.