50 Actually Useful VS Code Extensions (2026)

Every list of VS Code extensions starts with GitLens, Prettier, and ESLint. This one doesn’t. Those are great tools — you probably already have them. This list is for the extensions that slip under the radar but fundamentally change how you write, debug, and navigate code. Each one earned its spot by solving a real daily problem.

Code Gems

Error Lens — Inline error and warning messages so you see problems right next to the code, not in the Problems panel. Saves constant glancing away from your cursor.

Pretty TypeScript Errors — Transforms TypeScript’s wall-of-text error messages into readable, formatted explanations. Makes tsc output actually useful.

CodeSnap — Takes beautiful, shareable screenshots of your code with syntax highlighting. Perfect for PR descriptions, documentation, and social posts.

Import Cost — Shows the size of every import right in the editor. Catches accidental mega-dependencies before they ship.

Console Ninja — Displays console.log output inline next to the logged line. No more switching to the terminal to see your debug output.

HexEditor — Native hex editing for binary files right in VS Code. Essential when you need to inspect raw bytes.

Better Comments — Color-codes comments by intent: red for warnings, green for todos, blue for questions. Makes code comments actually scannable.

Todo Tree — Aggregates all TODO, FIXME, and HACK comments into a sidebar tree. The only reliable way to find all your unfinished work.

Bookmarks — Jump between bookmarked lines with keyboard shortcuts. Indispensable for navigating large files.

TODO Highlight — Highlights TODO/FIXME/HACK comments directly in the code with bright colors so you never miss one.

Highlight Matching Tag — Highlights matching opening/closing HTML or JSX tags. Essential for anyone writing templates or React components.

Color Highlight — Shows the actual color behind hex/rgb/hsl values inline. Tiny but surprisingly useful.

CSS Peek — Ctrl-click a class name in HTML to jump to its CSS definition. Eliminates context-switching between files.

HTML CSS Support — Autocomplete for CSS class names defined in your project’s stylesheets while editing HTML.

Auto Rename Tag — Renames paired HTML/XML tags simultaneously. The kind of extension you don’t appreciate until you turn it off.

Auto Close Tag — Automatically closes HTML/JSX tags. Saves thousands of keystrokes per week.

Tailwind CSS IntelliSense — Autocomplete, linting, and hover previews for Tailwind classes. Essential if you use Tailwind.

Path Intellisense — Autocomplete for file paths in import statements and string literals. Simple, zero-config, massively useful.

npm Intellisense — Autocomplete for npm package names in require() and import statements.

YAML — Rich YAML support with validation, autocomplete, and schema support. Essential for anyone writing GitHub Actions or Kubernetes configs.

indent-rainbow — Colors each indentation level a different hue. Makes deeply nested code instantly readable.

Rainbow CSV — Colors each column in CSV files, with a column alignment preview. Turns unreadable CSV dumps into actual tables.

Excel Viewer — Opens and renders .xlsx, .csv, and .tsv files inside VS Code. No need to switch to Excel or Numbers.

Polacode — Takes pixel-perfect screenshots of code snippets. Like CodeSnap but with a different aesthetic.

Code Runner — Runs code snippets or files for 40+ languages with one shortcut. Perfect for quickly testing isolated logic.

Live Preview — Embeds a web preview panel for HTML files with live reload. Simpler than setting up a full dev server.

vscode-pets — Puts a cat, dog, or snake in the editor. No practical value, but the morale boost is real.

Power Mode — Adds particle effects and screen shake when you type at high speed. Pure fun. Disable it when you need focus.

Git Helpers

Git Graph — Interactive Git commit graph rendered in VS Code. Better than most standalone Git GUIs.

Git History — Browse and search commit history for specific files or authors. The diff view is cleaner than the built-in one.

Markdown & Docs

Markdown All in One — Keyboard shortcuts, table of contents, auto-preview, and list editing for Markdown. The only Markdown extension you need.

Markdown Preview Mermaid — Renders Mermaid diagrams in the Markdown preview. Essential for technical documentation.

Draw.io Integration — Create and edit drawio diagrams directly in VS Code. No need for a separate diagramming tool.

Themes & Icons

One Dark Pro — The most popular dark theme for good reason. Easy on the eyes across all languages.

GitHub Theme — Official GitHub theme that matches the GitHub UI. Familiar and well-tested.

JetBrains Icon Theme — File icons styled after JetBrains IDEs. Great if you migrated from IntelliJ or WebStorm.

vscode-icons — The most comprehensive icon theme. Recognizes thousands of file types.

Remote & Containers

Settings Sync — Syncs VS Code settings, keybindings, themes, and extensions across machines via GitHub Gist. Indispensable for multi-machine setups.

Remote Explorer — Manages SSH, WSL, and Codespace remote connections in a dedicated panel.

Dev Containers — Opens any folder in a Docker container with full VS Code features. The gold standard for reproducible dev environments.

WSL — Connects VS Code to Windows Subsystem for Linux. Makes Windows + Linux development seamless.

GitHub Copilot — AI pair programming that completes entire functions from context. Worth mentioning because it genuinely changes how you code — but it’s not a hidden gem.

Tabnine — AI autocomplete alternative to Copilot. Faster locally, works offline, respects privacy more.

Thunder Client — Lightweight API client inside VS Code. A Postman replacement that lives in your editor.

REST Client — Sends HTTP requests from a text file. Lighter than Thunder Client, great for quick endpoint testing.

Project Manager — Saves and switches between VS Code projects with one click. No more navigating deep folder trees to open your other project.

Peacock — Changes the editor color per workspace. Instantly tells you which project you’re in — subtle but brilliant.

Settings Sync — (Listed above) Backs up and restores your full VS Code config. First thing to install on a new machine.