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
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
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
This is one of the best extensions I ever used in VS code
This will help you write code faster by showing you the right information at the right time
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 .
Top comments (6)
Now vscode has its own built-in html autorename tag
by now do you mean last update? Because weeks ago this functionality wasn't there.
I think they added it in the February update
I just checked. It's still not there :(
It's there brother, but it works only in HTML not in JSX
most of the extensions are built-in but thanks for your post