Fix emmet not working in react js in vs code | How to enable emmet in JSX vs code

This video answers the common problem of react developers that is How to enable emmet in JSX vs code ?

Emmet uses different abbreviations and short expressions depending on what's passed, and then dynamically converts the abbreviations into the full code. Emmet is mostly used for HTML, XML, and CSS, but it can also be used with programming languages

1. Open any source folder on VS Code, and go to Settings :
On Mac : Command + ,
On Windows : Ctrl + ,
It’s Command or Control with the Comma symbol. Just to avoid any confusion.
2. Go to the Workspace Settings tab.
3. On the left sidebar, go to Extensions dropdown, and choose Emmet.
4. Click “Edit in settings.json”
5. Add this following lines to the settings.json file that opened up.
6. Emmet should be enabled in .js files now! 🎉

свернуть