VSCode Chat Extension: Complete Guide to AI Chat in Visual Studio Code (2026)
VSCode Chat Extension: Complete Guide to AI Chat in Visual Studio Code (2026)
AI chat has transformed how developers write code. No more endless Stack Overflow tabs, no more copy-pasting code without understanding it — you just ask, and your AI assistant answers in context.
At the center of this is the VSCode chat extension — specifically GitHub Copilot Chat — which brings conversational AI directly into your editor. This guide covers everything: what the extension does, how to set it up, the different chat modes available, and how to keep that AI chat accessible even when you're not at your desk.
What Is the VSCode Chat Extension?
The VSCode chat extension refers to GitHub Copilot Chat — the AI conversational layer for Visual Studio Code.
It's a companion to the core GitHub Copilot extension. While the base Copilot handles inline code completions (ghost text that autocompletes as you type), Copilot Chat adds a full conversational AI interface inside VS Code:
- Ask questions about your code
- Get explanations of selected code blocks
- Generate tests, documentation, or entire features
- Debug errors by describing the problem
- Refactor code with natural language instructions
- Use slash commands and agents for complex multi-step tasks
GitHub Copilot Chat is the most popular VSCode chat extension by a wide margin, but it's not the only one. Claude (via Anthropic's extension), GPT-4 (via OpenAI extensions), and local AI models (via extensions like Continue.dev or Ollama) are also available.
How to Install GitHub Copilot Chat in VS Code
Step 1: Prerequisites
You need:
- Visual Studio Code (latest version recommended)
- A GitHub account
- A GitHub Copilot subscription (or activate the free tier)
GitHub Copilot has a free tier as of 2026 that gives you a limited number of completions and chat messages per month.
Step 2: Install the Extension
- Open VS Code
- Press
Ctrl+Shift+Xto open the Extensions panel - Search for "GitHub Copilot"
- Click Install on both: - GitHub Copilot (inline completions) - GitHub Copilot Chat (conversational AI)
Note: Installing one often prompts to install the other automatically.
Step 3: Sign In
- A GitHub sign-in prompt will appear in the bottom-right corner
- Click it and authenticate via browser
- Authorize VS Code to access your GitHub account
Once signed in, you'll see the Copilot icon in the status bar and a Chat icon in the Activity Bar.
The Four Ways to Use VS Code Chat
1. Chat View (Main Conversation Interface)
Open it with Ctrl+Alt+I or click the chat icon in the sidebar Activity Bar.
This is a full conversational panel — like ChatGPT but integrated into your editor with full awareness of your codebase.
What you can do:
@workspace— Ask questions across your entire codebase@vscode— Ask questions about VS Code itself@terminal— Reference terminal output/explain— Explain selected code/tests— Generate unit tests/fix— Fix a bug in selected code/doc— Generate documentation
Example:
@workspace What is the main entry point of this application and how does it bootstrap?
2. Inline Chat (In-Editor Context Chat)
Press Ctrl+I while in the editor to open a chat prompt inline — right next to your code.
Use this when you want to:
- Refactor a function without leaving the editor
- Ask about a specific block you've selected
- Generate code at your cursor position
Example: Select a function, press Ctrl+I, type "Convert this to async/await" — the change is applied directly.
3. Quick Chat (Floating Chat Input)
Press Ctrl+Shift+I for a floating chat bar — a quick question without opening the full panel.
Great for fast lookups: "What does Array.prototype.reduce() return?" without breaking your flow.
4. Agent Mode (Agentic AI for Complex Tasks)
Available in the Chat View, Agent Mode lets Copilot act autonomously on multi-step tasks. Instead of one-shot responses, the agent:
- Plans a course of action
- Reads relevant files in your workspace
- Proposes and applies changes across multiple files
- Runs tests or commands as needed
- Iterates until the task is complete
Example prompt in Agent Mode:
Implement a user authentication system with JWT tokens. Add login and registration endpoints, add middleware for protected routes, and write tests for all new functionality.
This is the most powerful use of the chat extension — effectively having an AI developer working alongside you.
Alternative VSCode Chat Extensions
GitHub Copilot Chat isn't the only option. Depending on your situation:
Continue.dev
- Open source, works with local models (Ollama, LM Studio) or cloud APIs
- Full chat interface, inline completions
- Free if you bring your own model
Cody (Sourcegraph)
- Strong codebase context — understands large, multi-repo projects
- Enterprise-focused
- Free tier available
Cursor
- Actually a VS Code fork, not an extension
- Deep AI integration throughout the UI
- Considered by many as the strongest AI coding experience
Claude in VS Code (Anthropic)
- Available via various extensions or directly if the extension is published
- Known for strong reasoning and code explanations
Customizing Your VS Code Chat Experience
Custom Instructions
Create a .github/copilot-instructions.md file in your repository root to give Copilot persistent context:
# Copilot Instructions
## Project Context
This is a Node.js REST API using Express and PostgreSQL.
## Coding Standards
- Use TypeScript with strict mode enabled
- All functions must have JSDoc comments
- Prefer async/await over callbacks
- Error handling must be explicit — never swallow errors
## Testing
- Use Jest for all tests
- Test files go in __tests__/ directory
- Aim for 80%+ coverage on new code
Copilot will follow these instructions in every chat interaction in that repository.
Model Selection
As of 2026, VS Code Copilot lets you switch between AI models:
- GPT-4o (default)
- Claude Sonnet
- Claude Opus
- Gemini Pro
- And more depending on your subscription
Click the model name in the Chat View to switch.
VS Code Chat From Your Mobile Device
Here's the problem most developers hit: you lose access to VS Code chat the moment you leave your desk.
You're in a meeting and remember a question about your code. You're commuting and want to draft an implementation approach with your AI. You're out and a colleague asks about your architecture.
VS Code's chat is locked to your desktop client. There's no official mobile access.
The Solution: VSCode Mobile Extension
The VSCode Mobile extension solves this directly. It makes VS Code's chat panel accessible from any device — phone, tablet, or any browser — through a mobile-optimized interface.
How it works:
- Install the VSCode Mobile extension in VS Code
- Sign in with Google
- Click "Connect to VSCode Mobile" in the sidebar
- Open the VSCode Mobile URL on your phone
From your phone you get a clean, touch-optimized chat interface that sends messages directly to your VS Code's chat panel. The AI responds with the same context it has in your desktop session — your codebase, your active file, your conversation history.
Key features for mobile chat:
- Send messages to Copilot, Claude, or any model you have in VS Code
- View full conversation history from any device
- Continue multi-turn conversations started on desktop
- No need for the VS Code UI on your phone — just the chat
It's the missing link between VS Code's powerful AI chat and the times you're not at your keyboard.
Most Useful Chat Commands Quick Reference
| Command | What it does |
|---|---|
| `Ctrl+Alt+I` | Open Chat View |
| `Ctrl+I` | Open Inline Chat (in editor) |
| `Ctrl+Shift+I` | Open Quick Chat |
| `/explain` | Explain selected code |
| `/fix` | Fix a bug in selected code |
| `/tests` | Generate unit tests |
| `/doc` | Generate documentation |
| `/new` | Start a new chat thread |
| `@workspace` | Ask about entire codebase |
| `@terminal` | Reference terminal output |
Common Use Cases for VS Code Chat
Debugging:
/fix Why is this function returning undefined instead of the resolved promise value?
Code Review:
Review this function for performance issues, edge cases, and potential security vulnerabilities.
Architecture:
@workspace What pattern is used for state management in this codebase? Is it consistent?
Learning:
/explain [select unfamiliar code block] What does this code do and why is it implemented this way?
Test Generation:
/tests Write comprehensive unit tests for this service, including happy path and error cases.
The Bottom Line on VSCode Chat Extensions
The VSCode chat extension ecosystem — led by GitHub Copilot Chat — is one of the most significant productivity leaps in modern software development. Having context-aware AI directly in your editor, at every stage of coding, is genuinely transformative.
The main limitation: it's tied to your desktop VS Code session. The moment you leave your desk, the AI goes silent.
The VSCode Mobile extension bridges that gap. It's not trying to replicate the full VS Code UI on mobile — it's specifically built to give you access to the chat functionality you rely on daily, from wherever you are.
Want to access VS Code's AI chat from your phone? Install VSCode Mobile and bring your AI assistant with you.
Install the extension, sign in with Google, enter your linking code, and click Connect. Your phone becomes your coding companion in under a minute.
Get started →
VSCodeMobile