Claude Code in VS Code: zo gebruik je de extensie

Zoals ik in de sectie over mogelijkheden aangaf, werkt planmodus goed voor grotere wijzigingen. Eén detail dat ik daar oversloeg: Claude draait eerst verkennende commando's en slaat het volledige plan op in een bestand. Voeg je opmerkingen toe voordat er iets wordt geschreven. Ik vind het schriftelijke plan nuttig, zelfs als ik uiteindelijk het meeste verander.

Voor gerichte context gebruik je @-mentions met regelnummers: @app.ts#5-10 richt Claude op een specifiek gedeelte. Door Shift ingedrukt te houden terwijl je bestanden naar het promptveld sleept, voeg je ze toe als bijlagen. Option+K op Mac (of Alt+K op Windows en Linux) voegt een @-mention van je huidige bestand en selectie direct in.

VS Code-sneltoetsen die de moeite waard zijn

Deze sneltoetsen komen uit Anthropic's VS Code-extensiedocumentatie en dekken degene die ik het vaakst gebruik in het paneel.

Tussen toestemmingsmodi schakelen doe je nog steeds in de CLI: druk op Shift+Tab in de geïntegreerde terminal om te wisselen tussen standaard-, plan- en accept-edits-modi. Voor de volledige set slash-commando's, zie onze gids met Claude Code slash-commando's.

Checkpoints volgen Claude's bestandsedits gedurende de sessie. Beweeg de muis over een bericht in het gesprek om de terugspoelknop te tonen. De opties zijn: de conversatie forken terwijl codewijzigingen behouden blijven, de code terugspoelen terwijl de gesprekshistorie behouden blijft, of allebei. Checkpoints blijven 30 dagen bewaard. Ze volgen geen bash-commando's: rm, mv en cp vallen buiten het checkpointraamwerk. Git blijft het juiste vangnet voor alles wat destructief kan zijn.

Claude Code in VS Code voor debuggen en refactoren

Beide workflows volgen dezelfde stappen: geef Claude context, review de voorgestelde wijziging, verifieer het resultaat. Het lastige deel is in beide gevallen de juiste context verzamelen.

Debuggen

Deel de fout door deze direct te plakken, door terminaluitvoer te refereren met @terminal:name, of door Claude te laten ophalen uit het Problems-paneel via mcp__ide__getDiagnostics. Claude achterhaalt de oorzaak, stelt een fix voor als diff en jij draait je tests om te verifiëren.

Claude Code integreert niet met de native debugger van VS Code: geen breakpoints, geen stap-voor-stap, geen live-variabelen. Het pad via foutplakken en diagnostics dekt de meeste gevallen. Als je specifiek de debugger nodig hebt, is er een community MCP-server (claude-debugs-for-you op GitHub) die de kloof overbrugt, maar die vereist een eigen setup.

Voor live webdebugging verbindt @browser Claude met Chrome via de Claude in Chrome-extensie (versie 1.0.36 of hoger). Een prompt zoals @browser go to localhost:3000 and check the console for errors laat Claude de live browserstatus inspecteren zonder dat jij van venster hoeft te wisselen.

Refactoren

Claude handelt gecoördineerde bestandswijzigingen goed af: een functie hernoemen in een grote codebase, migreren van de ene library naar de andere. De diffreviewstap voorkomt dat het roekeloos wordt.

Het CLAUDE.md-bestand is hier belangrijker dan waar dan ook in dit artikel. Zonder project-specifieke conventies valt Claude terug op patronen die het uit de codebase afleidt, wat niet hoeft te stroken met wat je daadwerkelijk wilt. Zoals ik in de installatiesectie noemde, geeft /init je een startbestand; het tien minuten aanscherpen voordat je een grote refactorsessie start, is de moeite waard.

Contextcompactie is de praktische limiet bij lange sessies. Wanneer het contextvenster volloopt, compacteert Claude automatisch door oudere conversatie samen te vatten. Daarna kan het eerdere beslissingen uit het oog verliezen. /compact handmatig draaien voordat je aan een nieuwe fase begint geeft voorspelbaardere resultaten dan wachten tot automatische compactie halverwege ingrijpt.

Claude Code in VS Code vs. de terminalworkflow

De documentatie van Anthropic noemt de VS Code-extensie "de aanbevolen manier om Claude Code in VS Code te gebruiken." De extensie voegt dingen toe die de terminal niet kan: de side-by-side diffviewer, planreview in een markdown-document dat je kunt bewerken, meerdere gesprekken in aparte tabs en @browser voor live webdebugging.

De terminal wint op mogelijkheden. De ! bash-snelkoppeling, tabcompletie, de volledige set slash-commando's en pipe-gebaseerde workflows zoals tail -200 app.log | claude -p "..." zijn allemaal alleen in de CLI beschikbaar. MCP-serverconfiguratie is ook alleen via de terminal. Vanuit de extensie kun je bestaande servers beheren met /mcp maar geen nieuwe toevoegen.

De twee sluiten elkaar niet uit. claude draaien in de geïntegreerde terminal van VS Code geeft je nog steeds IDE-integratie: diffweergave, selectiecontext delen en diagnosticssharing werken allemaal van daaruit. Sessies die in de extensie zijn gestart, kun je in de terminal hervatten met claude --resume. Draai claude --ide in de geïntegreerde terminal wanneer je de CLI wilt dwingen om met de diffviewer en diagnostics-brug van VS Code te verbinden.

De meeste developers komen op beide uit: VS Code voor werk over meerdere bestanden en zorgvuldige review, de terminal voor snelle taken en automatisering. Sommigen blijven voor alles in de terminal, en eerlijk gezegd werkt dat ook prima. Als je Cursor boven VS Code verkiest, behandelt onze Claude Code in Cursor-gids dezelfde extensieworkflow daar. Onze volledige CLI-workflow is hoe dan ook de moeite waard om te kennen.

Claude Code in VS Code vs. GitHub Copilot

Zoals ik aan het begin noemde kan "Claude in VS Code" de native extensie betekenen, Claude benaderd via de GitHub Copilot-modelkiezer, of de CLI in de geïntegreerde terminal. De native extensie en Copilot delen een model maar niet een product, en ze werken behoorlijk verschillend.

Via Copilot draait het Claude-model binnen GitHub's chat- en completieparadigma: geen lokale OS-sandbox, geen aangepaste MCP-integraties, geen native terminalcommando's. Via de Claude Code-extensie draait hetzelfde model met tot een contextvenster van 1M tokens, voert taken uit over bestanden heen en heeft toegang tot checkpoints, planmodus en MCP-servers.

De tools zijn voor verschillende klussen gebouwd. Copilot biedt inline autocomplete als kernfunctie. Claude Code doet helemaal geen autocomplete. De agentmodus van Copilot is flink gegroeid, maar in community-benchmarks blijft het vaak achter op taken die veel bestanden beslaan. Geen van beide is per definitie beter.

Native extensie en Copilot: hetzelfde model, andere ervaring. Afbeelding door de auteur.

Over prijzen: Copilot Pro kost $10/maand met 300 premiumverzoeken. Claude Code Pro kost $20/maand. Een veelvoorkomend patroon onder developers die beide gebruiken is $10 voor Copilot (autocomplete tijdens het typen) en $20 voor Claude Code (doordachte, grootschaligere taken). De twee producten dekken verschillende delen van de workflow zonder veel overlap. Anthropic heeft ook een samenwerking met GitHub om Claude-modellen in Copilot te plaatsen, wat de autocomplete-kant afdekt.

Beveiligings- en privacyoverwegingen

Anthropic gebruikt je code niet om Claude-modellen te trainen. Free-, Pro- en Max-gebruikers kunnen in de accountinstellingen afzien van datalogging; Team-, Enterprise- en API-abonnementen zijn standaard uitgesloten. Voor toestemmingsmodi, MCP-servers en sandboxdetails verder dan het VS Code-oppervlak, zie onze Claude Code-beveiligingsgids.

Een vaste set paden is altijd beschermd, ongeacht de modus: .git, .vscode, .idea, .husky, en .claude (met uitzonderingen voor de eigen werk-submappen), plus .gitconfig, .gitmodules en diverse shell- en toolconfigbestanden. Dit is vooral belangrijk in auto-acceptmodus, die schrijft zonder te pauzeren en settings.json en tasks.json kan raken. Controleer git-diffs voordat je commit.

Sandboxing isoleert bash-commando's tot je werkmap en blokkeert ongeautoriseerde netwerktoegang. Het staat standaard uit; zet het aan met /sandbox.

Automodus vervangt goedkeuring per actie door een classifier die acties beoordeelt voordat ze draaien, en blokkeert zaken als massaal verwijderen van bestanden, data versturen naar ongeautoriseerde endpoints en force-pushen naar main. Anthropic beschrijft het als een veiliger alternatief voor --dangerously-skip-permissions.

Lokale transcripties worden in platte tekst opgeslagen onder ~/.claude/projects/ gedurende 30 dagen (cleanupPeriodDays past dit aan). Enterprise-opstellingen op Amazon Bedrock, Google Vertex AI of Microsoft Foundry volgen de datatermen van die providers. Automodus is daar niet beschikbaar; het vereist direct de Anthropic API.

Veelvoorkomende problemen met de VS Code-extensie oplossen

De meeste installatieproblemen vallen binnen een korte lijst. Ik ben ze allemaal minstens één keer tegengekomen.

• Spark-pictogram ontbreekt: Open een daadwerkelijk bestand, niet alleen een map. Herlaad het venster via het Command Palette (Developer: Reload Window), of klik op de Spark-vermelding in de Status Bar (rechtsonder), die ook werkt zonder geopend bestand.

• Extensieconflicten: Schakel tijdelijk andere AI-extensies uit (Cline, Continue, enz.) als Claude Code niet activeert.

• Restricted Mode: Claude Code draait niet in VS Code Restricted Mode. Markeer de workspace als vertrouwd.

• Windows bestandslocking: Klap het Explorer-paneel in en pauzeer actieve debuggers vóór grote sessies over meerdere bestanden als schrijven halverwege faalt.

• macOS Tahoe-conflict met Cmd+Esc: De systeem Game Overlay kan Cmd+Esc onderscheppen. Koppel Claude Code: Focus input opnieuw in VS Code Keyboard Shortcuts (Cmd+K Cmd+S) als de focusschakelaar niet meer werkt.

• Bedrock of Vertex in plaats van Anthropic-login: Je kunt Claude Code naar cloudprovider-endpoints wijzen. Onze gids voor lokale en alternatieve modellen behandelt paden zonder abonnement.

Anthropic onderhoudt een aparte troubleshooting-gids als geen van bovenstaande je issue oplost.

Beperkingen en afwegingen

De extensie is een subset van de CLI. Zoals in de terminalvergelijking besproken, zijn tabcompletie, de ! bash-snelkoppeling en pipe-workflows allemaal alleen via de CLI beschikbaar, net als dontAsk -modus voor CI-pipelines.

De zichtbaarheid van achtergrondtaken is beperkt; voor alles wat je nauwlettend wilt volgen is de geïntegreerde terminal transparanter.

Goedkeuring is per bestand, niet per hunk: als Claude één functie goed en een andere fout heeft in hetzelfde bestand, accepteer je alles en draai je handmatig terug wat je niet wilde.

Gebruiksbeperkingen zijn de frustratie waar de meeste Pro-gebruikers als eerste tegenaan lopen. Rate limits draaien in rollende vensters, niet per bericht, en zijn sneller op in piekuren. Voor incidenteel gebruik is Pro prima; voor een volledige werkdag zijn Max 5x of Max 20x realistischer. Ik zou niet vertrouwen op community-schattingen; Anthropic publiceert geen exacte aantallen en ze veranderen.

Op Windows veroorzaken bestandslocks tussen de projectverkenner van VS Code en de schrijfoperaties van Claude vaker fouten dan op macOS of Linux. Het explorerpaneel inklappen en actieve debuggers pauzeren vóór grote sessies over meerdere bestanden voorkomt dit meestal.

Slotgedachten

Claude Code in VS Code is een taakgerichte codingagent met een review-first UI. De diffviewer, planmodus en checkpoints bestaan omdat het belangrijker is om te zien wat de agent echt heeft veranderd dan om snel een eerste versie te krijgen.

De terminalworkflow gaat niet weg, en voor gescripte, geautomatiseerde of CLI-zware werkzaamheden blijft dat het betere oppervlak. Maar als je werk doet waarbij je elke voorgestelde wijziging wilt lezen voordat die landt, past de editor beter.

Claude Code krijgt wekelijks updates, dus delen van dit artikel verouderen snel. Onze best practices voor Claude Code en Claude Code 2.1-gids zijn goede vervolgstappen om bij te blijven. De officiële changelog houdt releases bij. Als iets hier niet overeenkomt met wat je ziet, kijk dan eerst daar.

Wil je gestructureerd oefenen met Claude-modellen en agentworkflows, dan raad ik onze cursus Introduction to Claude Models aan.