How To Run an Existing React App In VSCode | How To Run React In VSCode

hey guys in this video I'm going to show you how you can open an existing react app in your Visual Studio code editor so hopefully you have opened your Visual Studio code and now you want to open the existing react app so here you can either click on open folder and if you don't see the Open folder just click on this option which says file and then click on open folder okay so just select file and then click on open folder and then navigate to the location where your react project is located so I will just go to the location where my react project is there and this is my react demo location and then I can click on select folder and then I can just open this folder okay so you can see this react app is opened on my visual studio code editor but how to run this project so for this you need to open the terminal you can open the terminal by clicking on once again this option or you will be able to see all these options at the top just select terminal here and then click on new terminal which is going to open the new terminal and then you can open either command prompt or Powershell or whatever terminal you have on your operating system and then in the terminal you need to run this command run npm I or you can also write npm install and then press enter which is going to install all the react related packages in your project all the packaged names you will be able to see here in the package.json file and after some time you will see all the packages will be installed so once all the packages are installed what you need to do is you just need to write npm start so just write npm start here and then press enter and it's going to open your react app in your default browser so just wait for some time until your project is started in the default browser and after some time you will be able to see a this message which is compiled successfully you can now view react demo in the browser so a browser is going to automatically going to open which will be your default browser and you will be able to see this kind of output right if this browser doesn't open automatically you can always copy this URL and then you can just open this in your browser so I can just copy this URL and open this in the browser and it's going to show me the same result for my react app so this is how you can open the react app in your Visual Studio code editor and run it I hope you've enjoyed this video and I will see you in the next video

Channel: ProgrammingKnowledge2

Views: 104,462

Keywords: how to run existing react js project, how to run react app locally, how to run react-app in terminal, how to install react in vs code, command to run react app, how to run react app from github, visual studio code react extension, create react app

Id: WIBSPhffOHI

Length: 3min 27sec (207 seconds)

Published: Wed Apr 19 2023