Dev Resources
All posts

The 12 Best VS Code Extensions in 2026, Ranked

Quick answer: install ESLint and Prettier first, then GitLens and Error Lens. Those four cover correctness, formatting, history, and feedback, and they are the ones you would miss on a new machine within an hour. Everything after that is situational, and a large number of popular extensions are now redundant because VS Code ships the feature natively.

The VS Code marketplace rewards installs, not usefulness, so the top of it is full of extensions that duplicate built-in behaviour or were essential in 2019 and are dead weight now. This list is ordered by how much you would miss each one, not by download count, and it flags what to uninstall at the end.

How to choose an extension

Three filters remove most of the marketplace:

  1. Does VS Code already do this? Auto Rename Tag, Bracket Pair Colorizer, and Import Cost all shipped natively at some point. Installing them today costs startup time for nothing.
  2. Does it run on every keystroke? Anything that lints, type-checks, or spell-checks as you type is the first suspect when the editor gets sluggish. Keep those few and deliberate.
  3. Does it work for the whole team? Formatting and linting choices belong in the repo, committed as config, not in each person's settings. An extension that only helps you is fine; one that silently reformats shared files is not.

The 12 best VS Code extensions in 2026, ranked

1. ESLint

Surfaces lint errors inline and fixes what it can on save. The single highest-value extension for any JavaScript or TypeScript project, because it moves an entire class of review comments to the moment you write the line.

Verdict: non-negotiable on any JS or TS codebase.

2. Prettier

Formats on save from a committed config, which ends formatting debate permanently. Set editor.formatOnSave and editor.defaultFormatter per language and never think about it again.

Verdict: install it, commit the config, move on.

3. GitLens

Inline blame on the current line, a readable file history, and side-by-side comparison of any two revisions without leaving the editor. It answers "why is this line here" in about two seconds, which is its entire justification.

Verdict: the best tool for reading unfamiliar code.

4. Error Lens

Prints diagnostics at the end of the offending line instead of hiding them behind a hover or in the Problems panel. It changes nothing functionally and improves the feedback loop more than almost anything else here.

Verdict: the highest ratio of benefit to effort on this list.

5. Console Ninja

Shows console.log output and runtime values inline next to your code, with no terminal switching and no reloading. Works with most modern JS frameworks and test runners. Once you have used it, going back to alt-tabbing to a terminal feels silly. It is one of the few genuine VS Code extensions we list in the directory: Console Ninja.

Verdict: the fastest way to shorten a JavaScript debugging loop.

6. Quokka.js

A live scratchpad: type JavaScript or TypeScript and see every expression's value evaluate as you type, in a real Node context. Ideal for checking an unfamiliar API, a regex, or a date calculation before it goes anywhere near your codebase. Its sibling Wallaby.js does the same trick for test results. See Quokka.js for the free and paid split.

Verdict: replaces the throwaway test.js file you keep recreating.

7. REST Client

Send HTTP requests from a plain .http file and see the response in a split pane. Because the file is text, requests live in the repo, diff in review, and work for everyone who clones it. That is the advantage over a GUI client whose collections live in one person's account.

Verdict: the version-controllable alternative to a REST GUI.

8. Dev Containers

Opens the project inside a container defined by the repo, so the toolchain, versions, and system dependencies come from a committed file instead of a README nobody follows. Onboarding drops from a morning to one command.

Verdict: the fix for "works on my machine", if your team will commit to it.

9. Code Spell Checker

Catches typos in identifiers, strings, and comments, including inside camelCase. Its real value is stopping a misspelled property name from becoming an API contract that you can never rename.

Verdict: quietly prevents the most annoying class of permanent mistake.

10. EditorConfig for VS Code

Reads .editorconfig and applies indentation, charset, and line-ending rules per project. Small, boring, and the thing that stops a whole file showing up in a diff because someone's editor uses tabs.

Verdict: install once, forget forever, especially on mixed-editor teams.

11. An AI assistant (GitHub Copilot, Continue, or Cody)

Inline completion and chat over your codebase. In 2026 the interesting question is not whether to use one but whether it runs against a model you are allowed to send your code to. Continue is worth a look if you want to point it at a local or self-hosted model rather than a vendor's.

Verdict: pick one, check your data policy first, and turn off inline suggestions if they interrupt your thinking.

12. A theme you actually like

Not a productivity claim. You look at it for eight hours a day, and a theme with proper contrast for comments and diagnostics genuinely reduces eye strain. Dracula is a reasonable default that also exists for every other tool you use, which keeps your terminal and editor consistent.

Verdict: worth ten minutes once.

Which extensions should you uninstall?

The most useful part of any list like this is the subtractions. Check for these:

  • Auto Rename Tag and Auto Close Tag. Built in. Look for editor.linkedEditing.
  • Bracket Pair Colorizer. Built in, and the native version is dramatically faster. Enable editor.bracketPairColorization.
  • Import Cost and similar always-on analysers. Useful information, constant cost.
  • Language packs you no longer write. Every one of them registers file watchers and completion providers.

Run code --status to see extension activation times. Anything above a few hundred milliseconds needs to be earning it.

What the directory says

Something worth noting from our own data: of the 29 entries in the extension category on devresourc.es, the large majority are browser extensions rather than editor ones. The genuine VS Code extensions we list are Console Ninja, Quokka.js, and Wallaby.js, all of which do the same underlying thing, which is putting runtime values back in front of you while you write.

That imbalance says something real about the marketplace. Tens of thousands of extensions exist, but very few are independent products worth cataloguing next to Visual Studio Code itself. Most are one config file with a logo. If you want to see what else people actually build workflows around, the editor category lists 44 editors and IDEs, from the JetBrains suite to Vim and Emacs.

Frequently asked questions

How many VS Code extensions is too many?

There is no fixed number, but watch startup time rather than count. Run code --status, sort by activation time, and remove anything slow that you have not used this month. Twenty fast extensions beat eight slow ones.

Do VS Code extensions slow down the editor?

Some do, significantly. The costly ones run on every keystroke or file change: linters, spell checkers, type checkers, and anything that indexes the whole workspace on startup. The Extension Bisect command isolates the culprit when the editor gets slow and you cannot tell which one is responsible.

What is the difference between ESLint and Prettier?

ESLint finds problems in your code, such as unused variables or unsafe patterns. Prettier only decides how the code is laid out. They solve different problems and are meant to be used together, with Prettier owning formatting so ESLint does not have to.

Are VS Code extensions safe to install?

Mostly, but they run with your permissions and can read your workspace and run processes. Check the publisher, the repository link, and the update history before installing anything that requests broad access. Install counts are not a security signal.

Do these extensions work in Cursor and other VS Code forks?

Generally yes, since most forks can install from the Open VSX registry or the marketplace. The exceptions are extensions tied to Microsoft licensing, including some remote development components, which are restricted to official VS Code builds.