Emmet not working in VS Code ?— Here’s how you can fix this problem!!

Pranav Arora
2 min readFeb 23, 2021

--

Visit our website: MyKarma Technologies

Emmet is a powerful extension in Visual Studio Code. If you are developing a website or working with any language such as HTML, emmet helps you to write your code fast and efficiently without making silly mistakes.

emmet not working, how to fix this problem

But sometimes, while updating VS Code, the VS Code loses the file associations or emmet stops working for some reason. I encountered the similar problem after I updated my VS Code. I was not able to use emmet and it seemed annoying to me because I didn’t want to write whole html starter templates while working on website development. So I started finding out the solution and figured out how to fix that.

Step 1: Start your VS Code. Click on the Settings or press Ctrl+, to open the VS Code Settings.

Step 2: Click on the Extensions tab on the left side of the settings. Click on HTML.

Step 3: Click on the “Edit in settings:json” hyperlink to edit the settings in JSON format.

Click on the Edit in settings.json to edit and fix emmet problems.

Step 4: Inside the curly braces, enter the following code under the already written JSON code:

“emmet.triggerExpansionOnTab”: true,

“files.associations”: {“*html”: “html”}

Step 5: Save the file. Now if you try to apply emmet in your code, it will work smoothly!!

That’s how I fixed this emmet not working problem which I encountered when I updated VS Code. I hope this solution may be helpful for you as well and serves the purpose.

Visit our website: MyKarma Technologies

Emmet not working in VS Code ?- Here’s how you can fix this problem!!

--

--

Pranav Arora

Educator/Freelancer/Blogger.