DEV Community

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

Pranav Arora on October 20, 2021

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 ...

Read full post

Madhusudannn03 • Jul 23 '22

still not working
please anyone help .

Pranav Arora • Jul 23 '22 • Edited

As you can see " " (the quotes) that you have copied are different from the others in settings.json. So you remove the copied quotes and type them again.
Place a , (comma) at the end on line 19. This will separate line 19 from line 20.

Hope that helps!! 😀

Madhusudannn03 • Jul 24 '22

Can u explain me 1 point 🙄🙄
main 5 dino se kosis kr rha lekin nhi ho rhaa mere se utube bhi dekha vha bhi sb yhi bol rhe ki
“emmet.triggerExpansionOnTab”: true,
“files.associations”: {“*html”: “html”},
isko copy kar le ho jayega but jab main kar rha to red ho jaa rha

Pranav Arora • Jul 24 '22

Dhyan se dekho jo tumne copy kia hai uske quotes different hain. Tum sirf ek kaam kro, jo tumne copy kia hai uske quotes ko delete kro aur apne se firse lga lo.

Madhusudannn03 • Jul 24 '22

bhaiya kaha glt hai mujhe to dikh hi nhi rhaa jo red me show ho rha oo maine shi likha hua hai aap kiska baat kar rhe ho

Pranav Arora • Jul 24 '22

Quotes (" ") bdlo bas, baki sab sahi hai.

graciamaria92 • Feb 27 '23

still not working. please, I really need help

Pranav Arora • Feb 27 '23

Hi,

put a comma , at the end of line 8

change the quotes to "". If you see the the quotes on line 9 & 10 are different from the rest in the file. Kindly do that and let me know if that works.

graciamaria92 • Feb 27 '23

thanks pranav, but sadly still not working

{
"editor.formatOnSave": true,
"workbench.colorTheme": "Default Dark+",
"emmet.useInlineCompletions": true,
"emmet.showSuggestionsAsSnippets": true,
"emmet.triggerExpansionOnTab": true,
"window.zoomLevel": 1,
"html.format.contentUnformatted": "",
"emmet.triggerExpansionOnTab": true,
"files.associations": {"*html": "html"},
"emmet.useInlineCompletions": true,
"emmet.useInlineCompletions": true,
}

Pranav Arora • Feb 27 '23

In line 10, replace the following snippet:
"files.associations": { "index.html": "html", "*.css": "css", "App.js": "javascriptreact", "*.py": "python" }

graciamaria92 • Feb 27 '23

not working :(

{
"editor.formatOnSave": true,
"workbench.colorTheme": "Default Dark+",
"emmet.useInlineCompletions": true,
"emmet.showSuggestionsAsSnippets": true,
"emmet.triggerExpansionOnTab": true,
"window.zoomLevel": 1,
"html.format.contentUnformatted": "",
"emmet.triggerExpansionOnTab": true,
"files.associations": {
"index.html": "html",
".css": "css",
"App.js": "javascriptreact",
".py": "python"
}
}

graciamaria92 • Feb 27 '23

Ian Cover • Aug 20 '22

Just remember to add the dot on the file extensions, since the setting files.associations is associating files by their extension (e.g., ONE file my-file.html or ALL files *.html) to their language identifier, e.g. html and because its a JSON file, must be wrapped in double quotes, for example:

"files.associations": {
    "index.html": "html",
    "*.css": "css",
    "App.js": "javascriptreact",
    "*.py": "python"
}

Edi Chirca • Jul 14 '22 • Edited

Ive tried it, still not working, maybe Im doing something wrong:

iLonaDev • Jul 15 '22

Try to add one more line to the snippet:
"emmet.useInlineCompletions": true

Edi Chirca • Jul 15 '22 • Edited

Just added it, finally its working thanks iLonaDev .

Nicolás Rafales • Jan 28 '24 • Edited

I don't usually use much of this (or any particular) platform. Just wanted to give you some good Karma mate. I appreciate this. Straight to the point when I needed solutions, not distractions.
Had to change the quotes to straight ones, but anyone can realise that if paying attention
😉

Cheers mate.

Pranav Arora • Jun 15 '24

Thank you so much mate. Glad that I could help :-)

Uriahs Victor • Jan 3 '22

You can also turn on this setting via VS settings without editing the .json file

Paul B • Jan 7 '22 • Edited

And here is where you do that: dev-to-uploads.s3.amazonaws.com/up...

Pranav Arora • Mar 25 '22

Yup great!!

Pranav Arora • Mar 25 '22

True!! Thanks for telling. 😀

Vidhan Pandey • Oct 1 '23

Created an account just to say that Pranav you are awesome! You did not ignore anyone in need :)

Pranav Arora • Jun 15 '24 • Edited

Thank you so much for your kind words. It motivates me to share more of my findings on this platform. :-)

spyrosko • Aug 8 '22

Thank you, Pranav! My problem was fixing the quotation marks to the rest that were already in my settings.json file.

Astowny • Sep 8 '22

Amazing, thanks ! It worked for me.

Mari Ullom • Jan 13 '22

You are a lifesaver!

Pranav Arora • Mar 25 '22

Oh thank you, Mari!! 😀

Cindy Lam • Feb 6 '22

Thank you Pranav! This fixed the Emmet extension issue using your approach!

Pranav Arora • Mar 25 '22 • Edited

You're most welcome, Cindy!! 😊

victorsgb • Apr 5 '22

Thank you so much!!

Pranav Arora • May 18 '22

You're Welcome!!

hpinedoh • Jul 11 '22

Great! thanks...

alonedatascientist • Jul 11 '22

Fix still works as of 7 / 11/ 2022. Thank you sir!

utkarsh • Jul 15 '22

It actually helped thanks man

Akano Olayinka Afeez • Jul 18 '22

Thanks, it worked

freddyteddy • Jul 19 '22

Thanks Pranav

Ram • Dec 6 '21

Thanks. It worked flawlessly.

Pranav Arora • Mar 25 '22

You're Welcome Ram!! 😀

Euhan Sarkar • Jul 25 '22

Thank You Arora! it's working.

Bonaventure Ogeto • Feb 13 '23

Helpful!

CandentMind • Dec 24 '22

This was very helpful and it worked, thanks a lot

tdrobison • Feb 8 '22

Bravo! Fixed my issue.

Pranav Arora • Mar 25 '22

That's great!! 😀

Joshua • Jul 10 '22

Thank you so much bro, it worked.

KENDRICK KEETON • Oct 10 '22

Fixed it. Nice. I wonder why vscode doesn't have these setting by default?

Pranav Arora • Jun 15 '24

Thank you so much to all for appreciating my post. It was my first-ever post, and I am so glad that I was able to help a lot of developers. It means a lot to me and motivates me to share my findings and bug fixes with the community. 😀