VSCode Extensions For HTML 📌


Hey, In previous section you have learned about what are text editors and how you can use them as well as which text editor is best for you, Now we will get to know that what basically extensions are and how they integrate with VSCode and increase our productivity


About Extensions

In a very simple way, Extensions in text editors are nothing but a way to extends the functionality of our text editor. As here we are working on VSCode so we can learn about how do we use extensions in vscode.

How To Use Extensions

To use extension in our VSCode editor we need to download them inside our VSCode and then install them, after that we will good to go to use them.

Where To Find Extensions

VSCode provides their own marketplace to download extensions for free. OR you can download them directly from your VSCode, see the below image

Download img

Must have VSCode Extensions for HTML

1. Live Server

Live server is a vscode extension which helps you to see the changes instantly on browser once you hit save on your vscode, you do not need to save changes and go to browser and hit refresh, it will be automatically refresh by browser once you install and start this extension.
Download / guide from market place


2. Auto Close Tag

Auto Close Tag is an extensions which solves your problem to open or close tags explicitly, now you just need to open the tag and it wil close automatically with the help of this extension
Download / guide from market place


3. HTML CSS Support

Html Css support is an extension which helps you to auto complete your id and class names in your html elements.
Download / guide from market place


4. HTML Preview

An extension to preview HTML files while editing them in VSCode
Download / guide from market place