The Developer's Toolkit: Top 10 VS Code Extensions for 2026

My laptop currently has 27 extensions installed. I use about ten of them weekly, and that ratio is the whole point: a good toolkit is small, sharp, and quietly removing friction. This is the shortlist I reinstall on every new machine — the same set I wire up for junior developers before they write their first line.

The AI pair

GitHub Copilot has grown out of autocomplete into a pair programmer. It drafts whole functions, explains unfamiliar logic in place, and its agent mode can plan multi-file changes and run the tests afterward. Cursor — a fork of VS Code with AI at the core — indexes your entire repository, so you can ask why a function exists and get an answer grounded in your own code. Use one or both. Just review every suggestion, because the agent is confident, not correct.

Formatting and linting

Manual formatting is dead weight. Prettier on format-on-save ends every semicolon and indentation argument a team can have, and Prettier 3 understands current TypeScript and React syntax out of the box. ESLint then catches what formatting cannot: unused variables, unsafe patterns, and hook dependency bugs once you add eslint-plugin-react-hooks. Flat config is the default now, and the wiring takes ten seconds:

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  }
}

Situational awareness

Error Lens prints diagnostics on the exact line where they happen — no more squinting at the Problems tab. GitLens puts blame annotations, commit messages, and file history beside the code, which settles who-changed-what debates in seconds. Peacock gives every project window its own border colour, a small mercy when five repos are open during a deploy. Better Comments colour-codes notes as you write them: // ! for danger, // ? for open questions, // TODO for what tomorrow owes.

The rest of the bench

Thunder Client is a lightweight REST and GraphQL client that lives inside the editor, with environment variables and collections you can run from the CLI — most days I never open a separate API tool. CodeSnap turns a selection into a clean, framed screenshot for Discord or LinkedIn. Auto Rename Tag keeps opening and closing tags in sync, and Tailwind CSS IntelliSense completes class names with real colour previews.

Worth mentioning, because each earns its slot: Dev Containers, so your editor runs in the same image as production; Remote - SSH, for editing a server as if it were local; Live Share, for pair programming; and Path Intellisense, for imports that stop being guesswork.

A toolchain like this is really an act of respect for your own attention — and a reminder of whose setups are rougher than ours. Developers in Palestine keep shipping real products through blackouts on far humbler setups, proof that the craft lives in the person, not the plugins.

We are fussy the same way at our desk in Sialkot. HTG Travels is a licensed travel agency, and we check a visa file the way a linter checks code — line by line, before it ever reaches the embassy. If a UK or Schengen refusal letter has knocked you down, bring it in; rescuing refused files is our favourite kind of debug.