Install VS Code ReactJS Extension
If you want to create ReactJS components on the fly then you definitely need this extension that does works.
To install ES7 React/Redux/GraphQL/React-Native snippets, click extensions button on the left and type ‘ES7 React‘ to search for this awesome extension and hit install button and you are done.
Now to create ReactJS components you just need to create component files and type ‘rfce’ to create and export function based react component and to create class-based component and export type ‘rce’.
- rfce for function-based component
- rce for class-based component
Emmet Installation on VS Code
This is not how to install Emmet on VC Code but how to configure Emmet on VC Code and Emmet on VS Code comes preinstalled so you do not need to install Emmet again. You need to know how to use Emmet on VS Code.
How to use Emmet on VS Code
To add language, support these languages, open Emmet settings JSON file and add following code.
or click Add Item under Emmet tab type the following values.
Emmet for React & Vue Demo