Visual Studio Code is the most used code editor amongst developers these days. We know that VSCode provides us with many cool features that could enhance our code and could be very helpful while writing the code. One of the ways to achieve this is by using extensions that could be installed directly in the editor. This article lists some cool VSCode extensions that are helpful in web development.
1. Auto Rename Tag: We all are aware that most of the tags in HTML need a closing tag as well, and while writing professional code, which includes thousands of lines, tags are closed after hundreds of lines. Therefore, it becomes very difficult if we have to rename the tag. We have to find where the tag was closed and then only we can rename it. Auto Rename Tag provides us with a feature that when we change the starting tag it will automatically change the closing tag as well, making the renaming of tags easier.
3. HTML Boilerplate: While working with HTML, it may become tedious to write all the starting tags like <HTML>, <body>, <head>, and the meta tags as well. The VSCode extension HTML Boilerplate provides us an extension that handles all the boilerplate code. We just have to write a single line and the entire boilerplate of HTML will be imported into our file. It includes all the necessary tags along with the meta tags that are generally required.
5. Prettier – Code Formatter: This extension makes the code more organized by adding the required indentation according to the language being used. This helps both the author and a new person to understand the code easily.
6. VsCode Icons: VsCode Icons is a cool extension that adds a set of icons to each of the files and folders in the Explorer view, thereby making the editor look more colorful and also help to easily view all the different files quickly.