VS Code is great out of the box, but extensions turn it into a powerhouse. Here are the ones that make the biggest difference — all free.

1. GitLens

Supercharges the built-in Git support. See who changed each line, when, and why — inline. Blame annotations, commit search, and repository visualization.

2. Prettier

The opinionated code formatter. Install it, enable “Format on Save” in settings, and never think about code formatting again. Supports JavaScript, TypeScript, HTML, CSS, JSON, Markdown, and more.

3. ESLint

Real-time linting for JavaScript and TypeScript. Catches bugs and enforces code style as you type. Pair with Prettier for a complete formatting + linting setup.

4. Thunder Client

A lightweight REST API client built into VS Code. Like Postman, but without leaving the editor. Test endpoints, save requests, and view responses without switching windows.

5. Live Server

Launch a local development server with live reload. Right-click an HTML file and select “Open with Live Server” — changes appear instantly in the browser.

6. Better Comments

Color-code your comments by type: TODOs in orange, questions in blue, alerts in red. Makes scanning code for action items trivial.

7. Error Lens

Shows errors and warnings inline, right next to the problematic code. No more hovering or checking the problems panel — the feedback is immediate.

8. Path Intellisense

Auto-completes file paths as you type. Works with imports, requires, and any file reference. Saves you from typing long relative paths.

9. DotENV

Syntax highlighting for .env files. A small thing, but makes environment configuration files readable.

10. GitHub Copilot (Free Tier)

AI-powered code completion that suggests entire lines or blocks as you type. The free tier is generous enough for hobby projects. Cursor offers even stronger AI integration if you need more.