Almost every web developer is aware of what Visual Studio Code Extensions is and why is it so important to apply for its extensions, they assist us to debug our code, make it more readable and prettier, and just add extra useful features to our workspace.
Of course, there’s no longer each useful extension, however, I have introduced 13 Visual Studio Code Extensions that are very helpful for every developer.
1. Auto Rename tag
It is a very useful extension because when to want to change any tag like <button> into <img> you just need to change only opening tag and closing tag automatically change that’s why its called auto rename.
The function of it is simple— if you have an unpleasant file without any “spaces” and “tabs”, where every tag is going right after earlier, beautify will truly help you:
- to use this extension you first want to press F1
- Then write “beautify” and pick out it
It will automatically make your code greater readable and prettier
4. Live Server
ESLint statically analyzes and checks your code to quickly locate issues and can also automatically debug them. When it finds a problem it’ll have a red underscore your problem and you can easily restore it yourself.
6. Auto Close Tag
It’s one of the most important extensions, As you can have observed from the title, it automatically adds a close tag which you wanted to write. You don’t need any command to set off this extension just go to your extension portion in visual studio code and write auto close tag and install it–everything done and enjoy.
8. Open In Browser
It’s an elementary Visual Studio Code extension that allows us to open every files right through the browser or your file will display its output.
9. One dark pro
One more extension that will make your Visual Studio Code workspace more comfortable, pretty, and handsome. It changes your standard theme to incredible new theme black that’s everyone loves color.
10. Material Icon Theme
Material Icon Theme adds different icons to your files and folders related to file at the top of the Visual Studio Code window and you can much easily move between them.
11. Path Intellisense
When we need to write a path at our “href” or “src” tags it will provide your a path to an already existing file.
I used and use nowadays these extensions for Web-Development and not only. Hope that you enjoyed this article and that these extensions were useful for you and you will enjoy these.