Enable Emmet support for React in VS Code

josemukorivo

Joseph Mukorivo

Posted on September 15, 2021

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.

Alt Text

Photo by Michael Dziedzic on Unsplash

💖 💪 🙅 🚩
josemukorivo
Joseph Mukorivo

Posted on September 15, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related