🧩 Lesson 3 of 40 Extensions Beginner

Installing & Managing Extensions

Extensions are VS Code's superpower. With over 50,000 in the marketplace, you can add language support, debuggers, themes, linters and AI tools in seconds.

8% complete

1The Extensions Marketplace

Open the Extensions view with Ctrl+Shift+X. You can browse, search, install and manage extensions all from here. Each listing shows ratings, download counts, publisher verification badges, and a changelog.

2Installing Your First Extension

Search for Prettier - Code formatter and click Install. Within seconds it's active — no restart needed. Then set it as the default formatter:

settings.json
{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true
}

3Must-Have Extensions for Every Developer

Here are the extensions almost every developer should install:

  • GitLens — supercharged Git history and blame annotations
  • Prettier — opinionated code formatter
  • ESLint — JavaScript/TypeScript linting
  • Path IntelliSense — autocompletes file paths
  • Error Lens — inline error messages
  • indent-rainbow — coloured indentation guides
  • Material Icon Theme — file icons in the Explorer

4Extension Packs

Extension Packs bundle multiple related extensions together. For example, the Python pack installs Pylance, the Python debugger, and Jupyter in one click. Search for "extension pack" to discover curated bundles for your stack.

5Managing, Disabling & Workspace Extensions

Right-click any installed extension to Disable it globally or just Disable (Workspace) — great for keeping heavy extensions off in projects that don't need them. Use @installed, @enabled, @disabled filters in the search box to audit your setup.

CLI — install extension from terminal
code --install-extension esbenp.prettier-vscode
code --list-extensions

All 40 Lessons
Pick any lesson to jump straight to it.
L01
Getting Started with VS Code
FoundationBeginner
→
L02
The VS Code Interface & Layout
FoundationBeginner
→
L03
Installing & Managing Extensions
ExtensionsBeginner
→
L04
Keyboard Shortcuts & Command Palette
ProductivityBeginner
→
L05
Settings, Themes & Customization
CustomizationBeginner
→
L06
IntelliSense & Code Completion
Editor FeaturesBeginner
→
L07
Integrated Terminal Mastery
ProductivityBeginner
→
L08
Search, Find & Replace Across Files
Editor FeaturesBeginner
→
L09
Git & Source Control with VS Code
Version ControlBeginner
→
L10
Snippets & Emmet Abbreviations
ProductivityBeginner
→
L11
GitHub Copilot — Getting Started
AI & CopilotIntermediate
→
L12
Copilot Chat & Inline Ask
AI & CopilotIntermediate
→
L13
JavaScript & TypeScript Development
LanguagesIntermediate
→
L14
Python Development in VS Code
LanguagesIntermediate
→
L15
Debugging Like a Pro
DebuggingIntermediate
→
L16
Linting, Formatting & ESLint
Code QualityIntermediate
→
L17
Multi-Cursor Editing & Refactoring
Editor FeaturesIntermediate
→
L18
Workspaces & Multi-Root Projects
WorkspaceIntermediate
→
L19
Tasks, Build Systems & npm Scripts
WorkflowIntermediate
→
L20
Testing with Jest, Vitest & Pytest
TestingIntermediate
→
L21
React Development Workflow
Web DevIntermediate
→
L22
Node.js & Express in VS Code
BackendIntermediate
→
L23
Docker & Dev Containers
DevOpsIntermediate
→
L24
Live Share — Real-Time Collaboration
CollaborationIntermediate
→
L25
Jupyter Notebooks in VS Code
Data ScienceIntermediate
→
L26
REST Client & API Testing
API DevIntermediate
→
L27
SSH Remote Development
Remote DevIntermediate
→
L28
WSL 2 Integration on Windows
Remote DevIntermediate
→
L29
Advanced Debugging: Breakpoints & Watch
DebuggingAdvanced
→
L30
Copilot Agent Mode — Agentic Workflows
AI & CopilotAdvanced
→
L31
Profile & Performance Optimisation
PerformanceAdvanced
→
L32
GitHub Actions & CI/CD Integration
DevOpsAdvanced
→
L33
Custom Keybindings & Key Maps
CustomizationAdvanced
→
L34
Settings Sync & Dotfiles Management
WorkflowAdvanced
→
L35
Language Server Protocol (LSP) Explained
InternalsAdvanced
→
L36
Rust Development in VS Code
LanguagesAdvanced
→
L37
Go Development in VS Code
LanguagesAdvanced
→
L38
GitHub Codespaces & vscode.dev
Remote DevExpert
→
L39
Writing Your First VS Code Extension
Extension DevExpert
→
L40
Pro VS Code Workflow & Mastery
MasteryExpert
→