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 …


This content originally appeared on DEV Community and was authored by Joseph Mukorivo

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


This content originally appeared on DEV Community and was authored by Joseph Mukorivo


Print Share Comment Cite Upload Translate Updates
APA

Joseph Mukorivo | Sciencx (2021-09-15T20:10:13+00:00) Enable Emmet support for React in VS Code. Retrieved from https://www.scien.cx/2021/09/15/enable-emmet-support-for-react-in-vs-code/

MLA
" » Enable Emmet support for React in VS Code." Joseph Mukorivo | Sciencx - Wednesday September 15, 2021, https://www.scien.cx/2021/09/15/enable-emmet-support-for-react-in-vs-code/
HARVARD
Joseph Mukorivo | Sciencx Wednesday September 15, 2021 » Enable Emmet support for React in VS Code., viewed ,<https://www.scien.cx/2021/09/15/enable-emmet-support-for-react-in-vs-code/>
VANCOUVER
Joseph Mukorivo | Sciencx - » Enable Emmet support for React in VS Code. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/09/15/enable-emmet-support-for-react-in-vs-code/
CHICAGO
" » Enable Emmet support for React in VS Code." Joseph Mukorivo | Sciencx - Accessed . https://www.scien.cx/2021/09/15/enable-emmet-support-for-react-in-vs-code/
IEEE
" » Enable Emmet support for React in VS Code." Joseph Mukorivo | Sciencx [Online]. Available: https://www.scien.cx/2021/09/15/enable-emmet-support-for-react-in-vs-code/. [Accessed: ]
rf:citation
» Enable Emmet support for React in VS Code | Joseph Mukorivo | Sciencx | https://www.scien.cx/2021/09/15/enable-emmet-support-for-react-in-vs-code/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.