How to Install React JS In Visual Studio Code

How to Install React JS In Visual Studio Code

Hey guys today we are going to learn how to use install react js in Visual Studio code. Before installing react js you need to download and install Node JS. Once you download and install Node js on your pc, the next step is to check the node has been installed on your PC.

Let's look at how to check the Node JS installed on your PC, you need to open CMD and run the command "node -v". That command is used to display the version of Node JS on your command prompt, If you've successfully installed Node JS on your PC, then you've seen the version of Node JS.

Once you do that, then you can use React JS on your PC. Let's look at how to install react js and setup the project. So, You need to create a folder inside your PC, once you make a folder you need to open it inside the VS Code.

Once you open the Folder inside the VS code then, you need to use "npx create-react-js my-app". That used to install react JS on your particular folder that you've included inside the VS Code.

Once you installed the react js, then you can run it using "npm start" Before using that command you need to use the cd and folder name to enter the particular project folder. Once you have done that you are able to see the react JS project on your browser.

Inside the video tutorial, I've explained everything step by step, you can watch the complete tutorial, and I hope you will learn something new from this tutorial.

You May Also Like:

How to Upload React JS Project on Server

If you are interested in becoming a front-end developer, I will teach you everything step by step. I've been sharing the complete HTML, CSS, and JavaScript-based tutorial on my channel. Also I will be sharing those technology videos on my channel, want to improve your skills, keep in touch with me.

My All Source Codes

Follow Us on Facebook

Follow Us on Twitter

Follow Us on Pinterest

Music Credit:
Ikson - We Are Free [Official]

Song: Ehrling - You And Me (Vlog No Copyright Music)

[aymenjaouani]

That was immensely helpful. (I struggled with a couple of tutorials before coming here) thank you!

[nzocnph]

thanks for this tutorial, it helped me a lot

[alsfi]

Thanks a lot Sir you resolved My problem.

[Timepass-xbyb]

Thank you very much for this video
Truely loved it

[RakshithPrabhu]

After you select path you can give the access to path directly while installing

[vladoks]

Is it the begining of React tutorial?

[maurod.asuajeg.]

Thanks a lot, very useful. A problem pop out when file npm log didn´t create. Solution, it was just create file in the path. After that, run it!

[topgrades]

What about how to fix this error

PS npx create-react-app first project

throw err;
^

Error: Cannot find module './es6/validate-engines.js'
Require stack:
-
-
at Module._resolveFilename
at Module._load
at Module.require
at require
at Object.<anonymous>
at Module._compile
at Module._extensions..js
at Module.load
at Module._load
at Module.require {
code: 'MODULE_NOT_FOUND',
requireStack: [
'C:\\Users\\USER\\AppData\\Roaming\\npm\\node_modules\\npm\\lib\\cli.js',

]
}

Node.js v20.11.0
PS

[marshallmadethat]

i did the same but react logo was not rotating is there something wrong?

[m.sathish]

How to fix this error🙂??
npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

[varshasahu]

PS npm create-react-app react-first-project
Unknown command: "create-react-app"

To see a list of supported npm commands, run:
npm help
PS


error

[HaifengZhu-pnuq]

hi, I installed node in Disc E and using terminal of visual studio code to install React for windows, I got this error: npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in:

[sathwikvarma]

npx create-rea
ct-app react-first-project
npm error code ENOENT
npm error syscall lstat
npm error path
npm error errno -4058
npm error enoent ENOENT: no such file or directory, lstat
npm error enoent This is related to npm not being able to find a file.
npm error enoent

npm error A complete log of this run can be found in: