React and Visual Studio Code

Hi Lungelo Mbalane,

To run React web application in Visual Studio Code perform following steps one-by-one:

1. Install prerequisites

Ensure to have installed:

• Node.js (LTS version): https://nodejs.org

• VS Code: https://code.visualstudio.com

Check installed version:

node -v
npm -v

2. Create a React app

Open terminal in Visual Studio Code and run:

Way 1: Using Create React App

npx create-react-app my-app
cd my-app

Way 2: Using Vite

npm create vite@latest my-app
cd my-app
npm install
``

This is modern and faster approach.

3. Open Project

Open terminal in Visual Studio Code and run:

code .
``

4. Install dependencies

npm install

Only if not installed

5. Start React app

Way 1: For Create React App

pm start

Way 2: For Vite

npm run dev
``

6. View app in browser

Way 1: For Create React App

http://localhost:3000

Way 2: For Vite

http://localhost:5173

Glad to help! Please mark this answer as the accepted answer if it helped you out!