Claude Code + VS Code

Bypass the copy-paste. Integrate Claude directly into your VS Code terminal for a seamless agentic coding loop.

Required Tools

VS Code Node.js (Required) Claude Code Docs

Prerequisites

VS Code

Download from code.visualstudio.com

Node.js LTS

Download from nodejs.org

Restart your terminal

After installing Node, close and reopen your terminal

Verify Node

Open your terminal and run these commands:

node -v\nnpm -v

Success

You see version numbers like v20.x.x and 10.x.x

Error

"not recognized" or "command not found"

To fix: Restart terminal → Reinstall Node → Check "Add to PATH" during install

Install Claude Code

Open VS Code's integrated terminal:

Ctrl + ` on WindowsCmd + ` on Mac

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

Success: No errors, you're ready to launch

Launch

Navigate to your project and run claude:

cd my-project\nclaude

Success: Browser opens for auth → Approve → Back to terminal

Alternative: Set ANTHROPIC_API_KEY environment variable to skip browser auth

Key Commands

/help

See all commands

/clear

Reset conversation

/compact

Compress context

/config

Adjust settings

/cost

Check token usage

Escape

Cancel action

Ctrl+C

Exit Claude

/mcp

View MCP servers

Capabilities

Read

Understands your entire codebase

Edit

Modifies files with permission

Run

Executes npm, git, tests

Glob & grep your code

Ship

Creates commits & PRs

Research

Web search for docs (with MCP)

Pro Tips

Be specific

"fix null pointer in utils.ts:42"

Use file names

Claude sees your project structure — reference files directly

Iterate

Start broad, then refine with follow-up questions

Review

Always verify changes before committing

Want to supercharge Claude Code?

Add MCP servers for web search, database access, and more.

MCP Playbook MCP Configurator