DEV Community

Cover image for 28 VS Code Extensions every Web Developer should know
Rishabh Singh ⚡
Rishabh Singh ⚡

Posted on

28 VS Code Extensions every Web Developer should know

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-

Live Server

2021-03-14 22_32_54-

ESlint

2021-03-14 22_34_04-

Rainbow Brackets

2021-03-14 22_36_26-

Pair Bracket Colorizer

2021-03-19 23_04_49-Extension_ Bracket Pair Colorizer - 02 - Portfolio Site - Visual Studio Code

Polacode

2021-03-19 23_05_22-

Visual Studio Intellicode

2021-03-19 23_06_20-

Better Comments

2021-03-19 23_06_53-

Prettier

2021-03-19 23_07_23-

Javascript (ES6) Code Snippets

2021-03-19 23_07_54-

Path Intellisense

2021-03-19 23_08_20-

Path Autocomplete

2021-03-19 23_08_59-

Debugger for Chrome

2021-03-19 23_09_31-

Import Cost

2021-03-19 23_11_47-

NPM Intellisense

2021-03-19 23_12_14-

Paste and Indent

2021-03-19 23_12_57-

Turbo Console

2021-03-19 23_13_32-

ES7 React/Redux/GraphQL/React-Native snippets

2021-03-19 23_14_03-

Auto Rename Tag

2021-03-19 23_14_59-

Bootstrap 4 CDN

2021-03-19 23_18_31-

Quokka.js

2021-03-19 23_19_50-Extension_ Quokka.js - 02 - Portfolio Site - Visual Studio Code

Code Spell Check

2021-03-19 23_20_50-

CSS Flexbox Cheatsheet

2021-03-19 23_21_38-

CSS Peak

2021-03-19 23_22_13-

HTML CSS Support

2021-03-19 23_22_50-

Indent Rainbow

2021-03-19 23_23_48-

Indenticator

2021-03-19 23_25_41-

TODO Highlights

2021-03-19 23_26_04-

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 so that I can bring more projects, more articles for you.

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, LinkedIn & GitHub. Or you can also post a comment/discussion & I will try my best to help you :D

Top comments (8)

Collapse
 
supportic profile image
Supportic

Checkout
Template String Converter: marketplace.visualstudio.com/items...
File Utils: marketplace.visualstudio.com/items...

Collapse
 
mindninjax profile image
Rishabh Singh ⚡

Thanks for adding more to the list! ⚡⭐🔥
Have a great day 💯

Collapse
 
tomaszs2 profile image
Tom Smykowski
Collapse
 
surajondev profile image
Suraj Vishwakarma

Thank you for the amazing list 🔥🔥

Collapse
 
mindninjax profile image
Rishabh Singh ⚡

You're welcome 😃
Thanks for reading ⭐🔥

Collapse
 
andrewbaisden profile image
Andrew Baisden

So many good extensions here what would we do without them.

Collapse
 
mindninjax profile image
Rishabh Singh ⚡

Well definitely we can still do a lot of amazing things as dev but using extensions just helps us speed up everything so that our brain can focus on solving problems rather than doing something over and over...

Collapse
 
gulajavaministudio profile image
Gulajava Ministudio

Thank you for awesome list, I have use some of them too.

And for theme, maybe you can try Mayukai Theme too