Emmet in VSCode

 

Speed up code your HTML using Emmet in VSCode

 

"Emmet is a web-developer’s toolkit that helps to improve HTML & CSS workflow:"

How to add Emmet with VS Code:

 

• ·         Open VS Code
• ·         Select Extension icon,
• ·         type emmet in search position.
• ·         Select Mithril emmet and install

 

 

Open new file and save with html extension

 

 

For testing type !

 

 

Then click enter. Below screen will display.

If not, then there will be some issue. Mean   in Visual Studio Emmet not working properly,

 

follow the below steps to fix the issue:

 

 

• Open vs Code
• Click on setting icon left side
• Click on extension
• Select Emmet
• Add below syntax in include  Languages

Add 

"emmet.triggerExpansionOnTab": true

 

 
Open file and try again

Save