back to blog
September 15, 2021 โ€” 1 min read
Share:

Enable Emmet support for React in VS Code

#vscode#react#javascript#html

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

Copyright ยฉ 2022 | All rights reserved.

Made with โค๏ธ in Zimbabwe๐Ÿ‡ฟ๐Ÿ‡ผ by Joseph Mukorivo.