My Favorite 5 Visual Studio Code Extensions

#1.Live server

Make changes in code editor, switch to browser, and refresh to see changes. That's the endless cycle of a developer, but what if your browser would automatically refresh anytime you make changes? That's where Live Server comes in!

It also runs your app on a localhost server. There are some things you can only test when running your app from a server, so this is a nice benefit.

#2.Prettier - Code formatter

Prettier is an opinionated code formatter. It 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

Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does.

Features

• Automatically add closing tag when you type in the closing bracket of the opening tag
• After closing tag is inserted, the cursor is between the opening and closing tag
• Set the tag list that would not be auto closed
• Automatically close self-closing tag
• Support auto close tag as Sublime Text 3
• Use Keyboard Shortcut or Command Palette to add close tag manually

#4.HTML Class Suggestions

html-class-suggestions is a Visual Studio Code extension that provides completion options for html class attributes based on the css files in your workspace.

#5.vscode-icons

Comprehensive icon extension for Visual Studio Code. ..

Comments

[Abhinav Kulshreshtha]

Since vscode has first class support for emmets, you can skip auto-close tag and directly write tag name with tab autocompletion to get all the same features of that plugin along with many more. Less plugins means better editor performance. Try emmets.

[Vishnu Reji]

Thanks brother...