28 VS Code Extensions every Web Developer should know
Tags: vscode, webdev, watercooler, productivity
Published: 2021-03-19 19:30:15

Doesn't matter either if you are an experienced developer or just getting started, you must have heard about the VS Code. Many of you might already be using it daily. 

However, if you don't, VS Code is the world's most popular Code Editor used by all kinds of developers but is most popular among web developers due to its high flexibility, customization options, etc.

One of my favorite feature about VS Code is that you can install extensions in it to make it more powerful.

**Here are 28 of my favorite extensions that I believe everyone should know about. So let's jump into the list straightaway!**

## GitLens

![2021-03-14 22_27_43-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l483nkk5s7nv06g42dll.png)
 

## Live Server

![2021-03-14 22_32_54-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gs5iv7h01ewvb2ealwa1.png)
 

## ESlint

![2021-03-14 22_34_04-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nld4bnqo0zb8jzx7lhpy.png)
 

## Rainbow Brackets

![2021-03-14 22_36_26-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aj0k181wr8k8zio6s541.png)
 

## Pair Bracket Colorizer

![2021-03-19 23_04_49-Extension_ Bracket Pair Colorizer - 02 - Portfolio Site - Visual Studio Code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v6lebhvp1329gr1uyecd.png)
 

## Polacode

![2021-03-19 23_05_22-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3e5sv5x38ftqfimej0uy.png)
 

## Visual Studio Intellicode

![2021-03-19 23_06_20-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9qjkmaampla7ew3ew0uv.png)
 

## Better Comments

![2021-03-19 23_06_53-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8sc4gvz1xdsbi113to7s.png)
 

## Prettier

![2021-03-19 23_07_23-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bym5uztxww8nfejhhpdy.png)
 
## Javascript (ES6) Code Snippets

![2021-03-19 23_07_54-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y1p4lsulydzrckryvqwr.png)
 

## Path Intellisense

![2021-03-19 23_08_20-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zuw2oxbc4d4x0iry2jvc.png)
 

## Path Autocomplete

![2021-03-19 23_08_59-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gxjz35rno5mhq7h4guw8.png)
 

## Debugger for Chrome

![2021-03-19 23_09_31-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8zbk1q4mecuwmgw2awzr.png)
 

## Import Cost

![2021-03-19 23_11_47-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lseokz2haz1z2oxws2pl.png)
 

## NPM Intellisense

![2021-03-19 23_12_14-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/94kauwzkioizt3ivtlac.png)
 
## Paste and Indent

![2021-03-19 23_12_57-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p3xvjyopvk43yi8sgico.png)
 
## Turbo Console

![2021-03-19 23_13_32-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mgami0wd47o8yg731wjb.png)
 

## ES7 React/Redux/GraphQL/React-Native snippets

![2021-03-19 23_14_03-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8878oz8ur337kjsabcss.png)
 

## Auto Rename Tag

![2021-03-19 23_14_59-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b2plquby7zdcrdels8uo.png)
 

## Bootstrap 4 CDN

![2021-03-19 23_18_31-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fcrarzak92vktlpop34l.png)
 

## Quokka.js

![2021-03-19 23_19_50-Extension_ Quokka.js - 02 - Portfolio Site - Visual Studio Code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q5osfg1umsse2mex692p.png)
 

## Code Spell Check

![2021-03-19 23_20_50-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/isygchpytfd3kk4xe6lv.png)
 

## CSS Flexbox Cheatsheet

![2021-03-19 23_21_38-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kklt0l923mlgou0paxyb.png)
 

## CSS Peak

![2021-03-19 23_22_13-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zkt1gkivcb11uh1vznaj.png)
 

## HTML CSS Support

![2021-03-19 23_22_50-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4vtb5xi6k36zj2rzk1fv.png)
 

## Indent Rainbow

![2021-03-19 23_23_48-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zx5m3gek8nb6e1nqbv9c.png)
 

## Indenticator

![2021-03-19 23_25_41-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i7agdrpko5f53xvto1am.png)
 

## TODO Highlights

![2021-03-19 23_26_04-](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uacjqty0jzgmla3xgjal.png)
 
## Support

Thank you so much for reading! I hope you found this blog post useful. 

If you like my work please consider [Buying me a Coffee](https://buymeacoff.ee/mindninjaX) so that I can bring more projects, more articles for you.

![https://dev-to-uploads.s3.amazonaws.com/i/5irx7eny4412etlwnc64.png](https://dev-to-uploads.s3.amazonaws.com/i/5irx7eny4412etlwnc64.png)

Also if you have any questions or doubts feel free to contact me on [Twitter](https://twitter.com/mindninjaX), [LinkedIn](https://www.linkedin.com/in/mindninjax/) & [GitHub](https://github.com/mindninjaX). Or you can also post a comment/discussion & I will try my best to help you :D