VS Code Extensions You Should Install

The best VS Code extensions to install are those that directly improve your daily workflow: a language-specific IntelliSense pack, Prettier for formatting, ESLint for JavaScript/TypeScript linting, GitLens for Git history, and Path Intellisense for autocomplete. These five cover the majority of what most developers need, and you can add more as you discover gaps.

Why Extensions Matter

Visual Studio Code is a lightweight editor by default. Its power comes from the extension marketplace, which has over 30,000 extensions. Extensions add features like debugging, syntax highlighting, code snippets, and even entire language servers. Without them, you are essentially using a fancy text editor. With the right set, you can turn VS Code into a full-featured IDE that rivals paid tools like IntelliJ or WebStorm.

How to Choose Extensions

Choosing extensions can feel overwhelming. The key is to start with what your project actually needs. If you work with Python, install the Python extension from Microsoft. If you write React, install ESLint and Prettier. If you use Docker, get the Docker extension. A good rule is to install extensions only when you hit a problem, not preemptively. This keeps your editor fast and avoids conflicts.

Also, check the extension’s rating and download count. Extensions with millions of installs are generally safe and well-maintained. But be cautious: some popular extensions have been acquired and turned into adware. Read the recent reviews before installing anything.

Essential Extensions for General Use

Prettier – Automatically formats your code (JavaScript, CSS, JSON, Markdown, and more) to a consistent style. Saves hours of manual formatting.
ESLint – Finds and fixes problems in JavaScript and TypeScript code. Integrates with your project’s ESLint config.
GitLens – Supercharges Git: shows line-by-line blame, commit history, and lets you explore branches visually.
Path Intellisense – Autocompletes file paths in import statements and strings. Huge time-saver.
Live Server – Launches a local development server with live reload for static HTML/CSS/JS projects.
Bracket Pair Colorizer (or the built-in bracket colorization) – Colors matching brackets to help you spot mismatches.

Language-Specific Extensions

For each language you use, install the official Microsoft extension or the most popular community one. These provide IntelliSense (autocomplete), debugging, and linting.

Python – The Python extension from Microsoft includes Pylance for fast type checking, debugging, and Jupyter notebook support.
JavaScript/TypeScript – The built-in support is good, but add ESLint and Prettier. For React, also install ES7+ React/Redux snippets.
C/C++ – Microsoft’s C/C++ extension gives you IntelliSense, debugging, and code navigation.
Java – The Extension Pack for Java includes language support, debugger, and test runner.
Go – The Go extension by the Go team at Google provides language features, debugging, and test integration.

Common Problems and Fixes

One common issue is extensions slowing down VS Code. If you notice lag, disable extensions you don’t use. Another problem is conflicting formatters. Prettier and ESLint can both try to format the same file, leading to inconsistent results. The fix is to set Prettier as the default formatter and let ESLint handle linting only. You can do this in settings: "editor.defaultFormatter": "esbenp.prettier-vscode".

Sometimes an extension stops working after an update. The usual fix is to reload the window (Ctrl+Shift+P → “Developer: Reload Window”) or reinstall the extension.

Costs and Safety

All extensions in the official VS Code marketplace are free. Some have paid tiers for additional features, but the core functionality is free. However, be aware that extensions run with the same permissions as your user. A malicious extension could read your files or send data. Stick to well-known publishers (Microsoft, the language’s official team, or widely trusted community members). Check the number of installs and recent reviews. Avoid extensions that ask for unusual permissions or have vague descriptions.

Alternatives to Popular Extensions

If you prefer a more minimal setup, VS Code has built-in features that replace some extensions: bracket colorization is now built-in, and Git integration is already present. For formatting, you can use the built-in formatter for some languages, though it’s not as configurable as Prettier. If you want a more opinionated setup, you can use a settings sync extension to share your configuration across machines.

Frequently Asked Questions

How many extensions should I install?

There’s no magic number, but try to keep it under 20. Each extension adds memory and can slow down startup. Only install what you actively use.

Can extensions slow down VS Code?

Yes, especially large ones like language servers. If you notice lag, open the Extensions panel and check the “Runtime Status” to see which ones are consuming resources.

Are extensions safe to install?

Most are, but you should check the publisher and reviews. Microsoft scans extensions for malware, but it’s not foolproof. Avoid extensions with very few installs or suspicious behavior.

How do I update extensions?

VS Code updates extensions automatically by default. You can also manually update from the Extensions panel by clicking the update icon.

What should I do if an extension breaks my code?

Disable it and see if the issue goes away. If it does, you can report the issue to the extension’s GitHub page. You can also pin a specific version of the extension if a newer one is buggy.

Can I use the same extensions for all projects?

Yes, but it’s better to use workspace-specific recommendations. You can add a .vscode/extensions.json file to your project to suggest extensions for anyone who opens it.

Method: the standard formula for this calculation, rounded as each result states. See how the calculators work or report an error.

More cards in this drawer

The whole Numbers and Powers drawer →