Development Environment for React


Download and install all the fonts in the ttf then open vs code configuration by typing ctrl + , Settings -> Text editior -> font -> Font Family -> Add ‘Fira Code’ in start in settings.json turn Font Ligatures = true Settings -> Text editior -> font -> Font Ligatures = true

In vs code press ctrl + , then in search bar type Emmet: Include Languages. Then add the key and value pair as in picture to enable working of emmet in jsx.

Chrome dev tools pannels