Visual Studio Code is a great editor for writing nearly any programming language and is also free and open source that many developers have opted to switch their development tool from other tools like adobe dreamweaver, sublime, etc to Visual Studio Code (in short VS Code) editor. VS code is also suitable for developing react applications and today we are going to see how to install babel extension in visual studio code for JSX syntax highlighting.
The extension that we install provides syntax highlighting when you write J React applications using the Visual Studio Code especially this extension is for highlighting the JSX code written in React.
To install a new extension in Visual Studio Code, just navigate to View -> Extensions or press Ctrl+Shift+X.
Click on Babel ES6/ES7 and click on the Install button to install the Extension in VS Code.
Similarly Install the “Babel JavaScript” extension also. Once the extension is instlled successfully, it will display the Disable and Uninstall buttons like shown in the below screenshot:
Thus we install the Babel extension in VS Code editor for JSX syntax highlighting.
