DEV Community

Cover image for 7 extensions you must use in Visual Studio Code

7 extensions you must use in Visual Studio Code

Pasca Vlad
I'm a 16 years old self-taught web developer. The technologies I work with are: Javascript HTML and CSS WordPress Git and Github I share my journey on twitter - @VladPasca5
Originally published at ・2 min read

If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me on Twitter for more information about web development and how to improve as a developer. This article was first published on my Blog

1. Live Server

This extension is a must-have if you work with websites

It will launch a development local server with a live reload feature for static and dynamic pages.

That means that you no longer need to reload every time you make a change

2. Prettier

It is an opinionated code formatter

Prettier enforces a consistent style by:

-parsing your code and re-printing it with its own rules that take the maximum line length into account

-wrapping code when necessary

3. Auto Close Tag

This is an extension that will save you a lot of time when working with HTML.

All you need to do is create the first tag and this will automatically the close tag.

4. Auto Rename Tag

This is another extension that will save you time when working with HTML.

When you'll change the name of one tag, this will automatically change the name of the paired one too.

5. Bracket Pair Colorizer

This extension will save you a lot of headaches when working with a programming language like JavaScript.

It will allow matching brackets to be identified with different colors.

6. Color Highlight

This extension will help you when working with color hex codes in CSS

It will style these colors found in your document and make it a lot easier to see what colors you work with

7. Kite

This is one of the best extensions I ever used in VS code

It is an AI code completion for languages like JavaScript, Python, C++ and more

This will help you write code faster by showing you the right information at the right time

The end

I hope found this useful and if you did please let me know. If you have any question feel free to DM me on Twitter .

Discussion (6)

zakiazfar profile image
Mohd Ahmad

Now vscode has its own built-in html autorename tag

sami_hd profile image

by now do you mean last update? Because weeks ago this functionality wasn't there.

zakiazfar profile image
Mohd Ahmad

I think they added it in the February update

Thread Thread
sami_hd profile image

I just checked. It's still not there :(

Thread Thread
zakiazfar profile image
Mohd Ahmad

It's there brother, but it works only in HTML not in JSX

nikhilroy2 profile image
Nikhil Chandra Roy

most of the extensions are built-in but thanks for your post