7 extensions you must use in Visual Studio Code

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 .

Comments

[Mohd Ahmad]

Now vscode has its own built-in html autorename tag

[Sami]

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

[Mohd Ahmad]

I think they added it in the February update

[Sami]

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

[Mohd Ahmad]

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

[Nikhil Chandra Roy]

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