Essential VS Code Extensions

Boost your web development productivity with these must-have extensions

Must-Have Core Extensions

Live Server

Launch a local development server with live reload feature for static & dynamic pages. Instant browser refresh on file save.

Install Extension

40M+ downloads

Prettier

Opinionated code formatter that enforces consistent style. Supports JavaScript, TypeScript, CSS, HTML, JSON, and more.

Install Extension

35M+ downloads

ESLint

Integrates ESLint into VS Code. Find and fix problems in your JavaScript code with real-time linting and auto-fix on save.

Install Extension

28M+ downloads

Auto Rename Tag

Automatically rename paired HTML/XML tags. Edit opening or closing tag and the other updates automatically.

Install Extension

15M+ downloads

Auto Close Tag

Automatically add HTML/XML close tag, same as Visual Studio IDE. Works with JSX, Vue, and other frameworks.

Install Extension

12M+ downloads

GitLens

Supercharge Git in VS Code. Visualize code authorship, explore repo history, compare branches, and much more.

Install Extension

20M+ downloads

HTML & CSS Extensions

HTML CSS Support

CSS IntelliSense for HTML. Provides CSS class name completion for the HTML class attribute based on CSS files in your workspace.

Install Extension

10M+ downloads

IntelliSense for CSS

Advanced CSS IntelliSense with class and ID suggestions. Provides CSS class/ID completion for HTML based on definitions found in your workspace.

Install Extension

8M+ downloads

Color Highlight

Highlight web colors in your editor. Shows color preview inline for hex, rgb, rgba, hsl, and more color formats.

Install Extension

5M+ downloads

JavaScript & TypeScript

JavaScript (ES6) Code Snippets

Code snippets for JavaScript in ES6 syntax. Includes import/export, classes, arrow functions, promises, and more.

Install Extension

9M+ downloads

Path Intellisense

Autocompletes filenames. Provides intelligent path completion for import statements and file references.

Install Extension

12M+ downloads

Bracket Pair Colorizer 2

Colorize matching brackets. Makes it easier to identify matching brackets with colors (now built into VS Code 1.60+).

Install Extension

8M+ downloads

Productivity Boosters

Indent Rainbow

Makes indentation easier to read by colorizing the indentation. Each indentation level gets a different color.

Install Extension

6M+ downloads

Better Comments

Improve code commenting by categorizing annotations into alerts, queries, TODOs, highlights, and more with color coding.

Install Extension

4M+ downloads

Bookmarks

Mark lines and jump to them. Perfect for navigating large files and keeping track of important code sections.

Install Extension

3M+ downloads