🔵

Code Editor + ExtensionsFree (editor)

VS Code + AI Extensions

Add powerful AI to the world's most popular editor - Copilot, Claude, or the Windsurf plugin

VS Code is the most-used code editor in the world. With the right AI extensions, it becomes a powerful AI-assisted development environment. Unlike Cursor or Windsurf, you don't switch editors - you supercharge the one you already know. Three main AI options: GitHub Copilot, the Claude extension, and Codeium (free).

🐙

⚡ Install & Setup - GitHub Copilot

Install VS Code

Download from code.visualstudio.com. Free, runs on Mac, Windows, and Linux.

Install the Copilot Extension

Open VS Code → Extensions panel (Cmd+Shift+X) → search "GitHub Copilot" → Install. Also install "GitHub Copilot Chat" for the chat panel.

Click the Accounts icon (bottom-left) → Sign in with GitHub → authorize. Your GitHub account needs an active Copilot subscription ($10/month, or free for students/open-source).

Verify It's Working

Open any code file and start typing. Gray ghost text appears as Copilot suggestions. Press Tab to accept.

⚡ Install & Setup - Windsurf plugin (Free)

Install the Windsurf plugin

Extensions panel → search "Windsurf" (the extension ID is still Codeium.codeium) → Install. The free tier needs no subscription.

Create Free Account

Click the Windsurf icon in the status bar → Sign in → create a free Cognition (Devin) account. Takes 30 seconds.

Start Coding

Inline completions activate immediately. Open the chat panel from the status-bar icon.

🚀 Sample Usage - Copilot

Inline Completions

// Parse a CSV string and return array of objects
function parseCSV(csv: string)
// ← Tab to accept full function

Copilot Chat Slash Commands

/explain

Explain what selected code does

/fix

Fix a bug in selected code

/tests

Generate unit tests for selection

/doc

Add documentation comments

/optimize

Suggest performance improvements

@workspace

Ask questions about your whole project

Inline Edit (Copilot Edits)

Select code → Cmd+I (Mac) or Ctrl+I (Win) → type your instruction → Enter:

"Convert this callback-style function to use async/await and add proper error handling"

💡 Pro Tips

Write descriptive comments above a function before implementing it - Copilot uses them as a spec
Install both "GitHub Copilot" and "GitHub Copilot Chat" - they are separate extensions
Copilot is free for verified students and open-source maintainers (check github.com/education)
Use @workspace in chat to ask questions about your entire project, not just the open file
The Windsurf plugin's free tier has unlimited completions and no credit card - ideal for learners who don't want to pay yet (agent use is quota-limited)

⚖️ Which Coding Tool Should I Pick?

The current tool is highlighted. There is no single winner - pick by how you like to work. Models and pricing as of September 7, 2026.

Tool	Type	Pricing	Best for	Models / AI
GitHub Copilot	IDE extension	Free tier; Pro $10/mo	AI in your existing editor	GPT-5.6, Claude Sonnet 5, Gemini 3.8 Flash
Cursor	AI IDE (VS Code fork)	Hobby free; Pro $20/mo	All-round AI editor + agent	GPT-5.6, Claude Opus 5 / Sonnet 5
Devin Desktop (ex-Windsurf)	AI IDE (VS Code fork)	Free tier; Pro $20/mo	Local + cloud agents in one place	SWE-1.6 (own) + Claude / GPT / Gemini
Google Antigravity	Agent-first IDE	Free tier; Google AI Pro $19.99/mo	Autonomous build + browser test	Gemini 3.1 Pro / Gemini 3.8 Flash (agent-first)
Claude Code (CLI)	Terminal agent	Claude Pro/Max or API	Agentic coding in the terminal	Claude Opus 5 / Sonnet 5 / Haiku 4.5
VS Code + AI ext(this page)	Editor + extensions	Free options exist	Keep VS Code, add AI	Depends on extension

Pricing and model support change often. Verified June 2026 - confirm on each tool's official site.

🛠️ Troubleshooting & Common Pitfalls

⚠ Two completion engines fighting

Do not run Copilot and the Windsurf / Codeium plugin at once - they conflict. Disable one per workspace.

⚠ Extension will not sign in

⚠ No inline suggestions

Check the extension is enabled for the language you are editing, and that inline suggestions are on in VS Code settings.

⚠ Not sure which to choose

Copilot for the broadest ecosystem; the Windsurf plugin for a free, no-card option. See the comparison table above.

📚 Related Course Lessons

Go deeper on the skills this tool is for:

L38 - AI Tools Landscape →L39 - Inline Code Completion →L40 - AI Chat for Development →

🔗 Official Resources

Download VS Code ↗Free editor (Mac, Win, Linux)VS Code AI docs ↗VS Code's built-in AI features GitHub Copilot extension ↗Install Copilot in VS Code Copilot docs ↗Using Copilot in VS Code Windsurf plugin (ex-Codeium) ↗Free completions in VS Code

Links open the official sites. Pricing and features change often - always confirm there. (Verified June 2026.)

→ Full GitHub Copilot Guide → Try Windsurf Instead → Try Cursor Instead