Enable Emmet support for React in VS Code

Back in the day in 1965😂(just kidding I mean 2019) when I was writing plain HTML in VS Code I used to work with emmet to be super fast with my markup. I started using react in 2019 and guess what, emmet was not working by default with React in VS Code and I had to write all my mark up one by one with their attributes.

It turned out that Emmet, React and VS Code already had a relationship👨‍👩‍👦 that I didn't know of. You know what🤔 Let me just show you how to enable it in VS Code.

Go to settings > extensions > emmet > include languages and add javascript as the item and javascriptreact as the value.

Photo by Michael Dziedzic on Unsplash

Comments

[aderchox]

Or add this in settings.json:

"emmet.includeLanguages": {
  "javascript": "javascriptreact",
  "typescript": "typescriptreact"
}

[Bashir Shahbakhsh]

Thanks 🙏

[Bryan]

awesome straight to the point with exactly what I was looking for Thanks!

[Kourosh Eidivandi]

Thank You!

[stardust2stardust]

Thank you!

[Treana Slocum]

Thanks this really helped.

[Carlos Henrique]

Thanks!!