Set up a React Project in Windows 11(powershell) in 4 simple steps

Set up a React Project in Windows 11(powershell) in 4 simple steps

Set up react in 4 simple steps

Step - 1

  • First create a folder in which you want to set up your REACT project.

  • Open this folder in VScode.

Step - 2

  • Open your terminal short cut key(ctrl+shift+')

  • Now run the command (npm create vite@latest)

  • Now give your project a name (reactproject)

  • Now use your arrow key to navigate and select (React)

  • Now use your arrow key to navigate and select (JavaScript)

  • This should create a simple react boiler plate code for you.

Step - 3

  • Now cd to your folder (reactproject)

  • By this time you would be having file structure like this

  • Now under the folder [src] in file App.jsx write the following

Step - 4

  • Now again open the terminal and run the command (npm install).

  • then run the command (npm run dev).

  • This will give you the localhost with the particular port number.

  • And finally you can navigate to that particular local host and see your [HI there].