How to create React project using vs code
Solution :-
Step -1 :- Firstly open vs code and make sure you have installed node is and npm in your system.
![](https://i0.wp.com/innovatejourney.in/wp-content/uploads/2024/01/vs1.png?resize=752.4%2C397&ssl=1)
step- 2 :- Now go to View option and select “Terminal” option
![](https://i0.wp.com/innovatejourney.in/wp-content/uploads/2024/01/vs2.png?resize=752.4%2C397&ssl=1)
step-3 :- now in Terminal write the command for create a project :-
npx create-react-app my-demo-app
now click on enter button after that your project is started some time it will take some time
step-4 :- Now open Terminal and you have to change the directory by using this command like cd and your project name
cd my-demo-app
![](https://i0.wp.com/innovatejourney.in/wp-content/uploads/2024/01/vs3.png?resize=752.4%2C396&ssl=1)
step-5:- Now you can see this directory
![](https://i0.wp.com/innovatejourney.in/wp-content/uploads/2024/01/vs4.png?resize=752.4%2C383&ssl=1)
Step – 6 :- Now click on File -> Open Folder -> select your project folder and open the project in vs code and now you will be able to see your project.
![](https://i0.wp.com/innovatejourney.in/wp-content/uploads/2024/01/vs5.png?resize=752.4%2C398&ssl=1)
7. now open Terminal and Run your project using this command
npm start
![](https://i0.wp.com/innovatejourney.in/wp-content/uploads/2024/01/vs6.png?resize=752.4%2C399&ssl=1)
8. Now your project will open with the port – 3000
![](https://i0.wp.com/innovatejourney.in/wp-content/uploads/2024/01/vs7.png?resize=752.4%2C399&ssl=1)
Leave a Reply