How to Install React JS In Visual Studio Code

Поділитися
Вставка
  • Опубліковано 28 січ 2025

КОМЕНТАРІ • 87

  • @tore28
    @tore28 2 місяці тому +4

    Simple startup guide and very helpful to get React.Js started in VsCode.
    - Install Node.Js newest LTS
    - Run : npx create-react-app react-first-project
    - Install all the dependencies and add node to your PATH
    - Inside VsCode, open the project and run :
    npm start
    - Now you can run, edit and reload the component / page you are editing, "hot reloading"

    • @mufasa6272
      @mufasa6272 Місяць тому

      After running npx create-react-app my-app on vs code how long should I wait? I've been waiting for about 20 minutes and nothings happening

  • @aymenjaouani8761
    @aymenjaouani8761 6 місяців тому +1

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

  • @rdjunior3979
    @rdjunior3979 Рік тому +50

    Npm ERR! ENOENT

    • @MEESALASAIMADHUKAR
      @MEESALASAIMADHUKAR 10 місяців тому +3

      what did u do ? i am slo having same problem , could you help me?

    • @randomperson-dk4gm
      @randomperson-dk4gm 9 місяців тому +25

      Sorry im late but i had the same error and this solved it "npm install npm -g"

    • @akankshasahu5477
      @akankshasahu5477 9 місяців тому

      ​@@randomperson-dk4gmjst copy the code and paste it to chatgpt it provide the sol.

    • @royalsthoughts8793
      @royalsthoughts8793 9 місяців тому +3

      ​@@randomperson-dk4gm thanks bhai thanks a lot thank you soo much I can't able to explain how much I get relief after implement your solution

    • @jcgodofgames8472
      @jcgodofgames8472 8 місяців тому +1

      @@randomperson-dk4gm Thanks so much

  • @centyap
    @centyap 2 місяці тому +2

    I receive an error in NPX

  • @PriyaB-n7f
    @PriyaB-n7f 6 місяців тому +1

    Super Helpful - Thanks Man!

  • @bsteab679
    @bsteab679 15 днів тому

    5:01 I tried but Something about the policy makes error 😢

  • @marieorsoni5445
    @marieorsoni5445 5 місяців тому

    Thank you that was very helpful and clear!

  • @RakshithPrabhu02
    @RakshithPrabhu02 7 місяців тому +1

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

  • @KelechukwuKelechukwuvictor
    @KelechukwuKelechukwuvictor 8 місяців тому

    thanks for this tutorial, it helped me a lot

  • @ChristainBrown-y9b
    @ChristainBrown-y9b 5 місяців тому

    Wow.......thank you so much, it was helpful

  • @Uniqueonebm-4
    @Uniqueonebm-4 5 місяців тому

    Thank u for this useful video!!

  • @mitababii
    @mitababii 11 місяців тому +2

    Thank you 😢❤❤❤❤🎉🎉🎉🎉🎉

  • @Hiyori___
    @Hiyori___ 4 місяці тому

    thank you this was very helpful

  • @alsfi10
    @alsfi10 6 місяців тому

    Thanks a lot Sir you resolved My problem.

  • @ubaidshakil2243
    @ubaidshakil2243 6 місяців тому

    Which theme u use ?

  • @asm-p6y
    @asm-p6y 8 місяців тому

    Thank you very much for this video
    Truely loved it

  • @सनातन_Surya
    @सनातन_Surya 5 місяців тому

    Thank You, for sharing.😊

  • @Harryhart50
    @Harryhart50 Рік тому +1

    Great video thanks a lot .

  • @vladoks7965
    @vladoks7965 Рік тому +1

    Is it the begining of React tutorial?

  • @RiazulJannatTahmid
    @RiazulJannatTahmid 10 місяців тому +1

    Thanks man

  • @OlaeweOladayo
    @OlaeweOladayo 2 місяці тому

    Thanks for the video

  • @sacdiyocabdi5069
    @sacdiyocabdi5069 5 місяців тому

    Terminal write npx error😢

  • @marshallmadethat
    @marshallmadethat Рік тому

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

  • @BraelHermann-cy1rk
    @BraelHermann-cy1rk 4 місяці тому

    thanks for the video ✔✔

  • @samamohmedyahya9854
    @samamohmedyahya9854 3 місяці тому

    thank u this v useful

  • @maurod.asuajeg.73
    @maurod.asuajeg.73 8 місяців тому

    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!

    • @Princeosi5588
      @Princeosi5588 6 місяців тому

      im stuck here brr

    • @Princeosi5588
      @Princeosi5588 6 місяців тому

      how do i do this please

    • @maurod.asuajeg.73
      @maurod.asuajeg.73 6 місяців тому

      Hi, sorry delayed 😅. I always work on Ubuntu Terminal (by the way, was in Windows 10 Pro, problem' origen) root file proyect, first are all. Install VScode extension WSL-Ubuntu, ctrl+shift+x, WSL-Ubuntu, now you can Open this file on your VSCode y create this file there. That is. Run again comand, hope no to late. Happy learning, happy coding

  • @KirubelWondwoson
    @KirubelWondwoson 11 місяців тому

    so helpful🥰🥰

  • @user-rj8tr6sp7e
    @user-rj8tr6sp7e 6 місяців тому

    Thank you!

  • @davidzenteno1240
    @davidzenteno1240 6 місяців тому

    6:30 how to end react project

  • @ahmadhussain7840
    @ahmadhussain7840 3 місяці тому

    Thank you.

  • @only.moxi8
    @only.moxi8 4 місяці тому

    thanks 😊

  • @khanataurrahman6000
    @khanataurrahman6000 9 місяців тому

    Thank you so much

  • @abdultaqui6361
    @abdultaqui6361 11 місяців тому

    🎉🎉🎉thanks

  • @m.sathish3448
    @m.sathish3448 9 місяців тому +6

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

    • @lucialangs6402
      @lucialangs6402 9 місяців тому

      same!!!!! where you able to fix it ?? i am trying to figure it out...Thanks

    • @shamshadansari1765
      @shamshadansari1765 9 місяців тому

      @@lucialangs6402 run this from cmd as admintrator npm install npm -g

    • @user-rj8tr6sp7e
      @user-rj8tr6sp7e 6 місяців тому +9

      Open the command prompt in your pc and run it as administrator. Then run this code: npm install -g npm. This should fix your problem. I had the same problem and it worked for me

    • @m.praneeth9086
      @m.praneeth9086 5 місяців тому +1

      @@user-rj8tr6sp7e u r life saver dude

    • @logeshwari3593
      @logeshwari3593 5 місяців тому

      ​​@@user-rj8tr6sp7eThank you so much for your reply it also worked for me 😊

  • @topgrades2335
    @topgrades2335 11 місяців тому +1

    What about how to fix this error
    PS C:\Users\USER\OneDrive\Desktop\setup> npx create-react-app first project
    node:internal/modules/cjs/loader:1147
    throw err;
    ^
    Error: Cannot find module './es6/validate-engines.js'
    Require stack:
    - C:\Users\USER\AppData\Roaming
    pm
    ode_modules
    pm\lib\cli.js
    - C:\Users\USER\AppData\Roaming
    pm
    ode_modules
    pm\bin
    px-cli.js
    at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15)
    at Module._load (node:internal/modules/cjs/loader:985:27)
    at Module.require (node:internal/modules/cjs/loader:1235:19)
    at require (node:internal/modules/helpers:176:18)
    at Object. (C:\Users\USER\AppData\Roaming
    pm
    ode_modules
    pm\lib\cli.js:1:25)
    at Module._compile (node:internal/modules/cjs/loader:1376:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)
    at Module.load (node:internal/modules/cjs/loader:1207:32)
    at Module._load (node:internal/modules/cjs/loader:1023:12)
    at Module.require (node:internal/modules/cjs/loader:1235:19) {
    code: 'MODULE_NOT_FOUND',
    requireStack: [
    'C:\\Users\\USER\\AppData\\Roaming\
    pm\
    ode_modules\
    pm\\lib\\cli.js',
    'C:\\Users\\USER\\AppData\\Roaming\
    pm\
    ode_modules\
    pm\\bin\
    px-cli.js'
    ]
    }
    Node.js v20.11.0
    PS C:\Users\USER\OneDrive\Desktop\setup>

    • @OnlineITtuts
      @OnlineITtuts  11 місяців тому

      you can create another project and get the modules folder from new project. Then you need copy it and paste it with your old project. You can try, I think your problem should solve..... :)

  • @sharaths.r1163
    @sharaths.r1163 10 місяців тому +1

    Enoent error

  • @Manav00121
    @Manav00121 9 місяців тому

    nyce brother

  • @Bin-bajah01
    @Bin-bajah01 4 місяці тому

    Bro❤

  • @SapirAfra
    @SapirAfra 4 місяці тому

    Jackson Mark Garcia Jason Thomas Elizabeth

  • @smilerboyRathish
    @smilerboyRathish 5 місяців тому

    npx create-react-app my-app
    node:fs:1372
    const result = binding.mkdir(
    ^
    Error: EPERM: operation not permitted, mkdir 'C:\Users\Rathish\ReactJS\my-app'
    at Object.mkdirSync (node:fs:1372:26)
    at module.exports.makeDirSync (C:\Users\HP\AppData\Roaming
    pm
    ode_modules\create-react-app
    ode_modules\fs-extra\lib\mkdirs\make-dir.js:23:13)
    at createApp (C:\Users\HP\AppData\Roaming
    pm
    ode_modules\create-react-app\createReactApp.js:257:6)
    at C:\Users\HP\AppData\Roaming
    pm
    ode_modules\create-react-app\createReactApp.js:223:9
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
    errno: -4048,
    code: 'EPERM',
    syscall: 'mkdir',
    path: 'C:\\Users\\Rathish\\ReactJS\\my-app'
    }
    Node.js v20.16.0
    How to solve this problem sir? please help me sir?

  • @varshasahu8004
    @varshasahu8004 11 місяців тому

    PS C:\Users\Vikas\OneDrive\Desktop\ReactProject> npm create-react-app react-first-project
    Unknown command: "create-react-app"
    To see a list of supported npm commands, run:
    npm help
    PS C:\Users\Vikas\OneDrive\Desktop\ReactProject>
    error

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq Рік тому +4

    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 C:\Users\istan\AppData\Roaming
    pm
    npm ERR! errno -4058
    npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\istan\AppData\Roaming
    pm'
    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: C:\Users\istan\AppData\Local
    pm-cache\_logs\2023-12-21T05_45_44_590Z-debug-0.log

    • @touseefahamed5629
      @touseefahamed5629 Рік тому +2

      same here

    • @saurabh_pande446
      @saurabh_pande446 Рік тому +1

      Add the nodejs path to system variables correctly and check the npm path in the user variables also if both are there then run this command in the command prompt
      1)node -v
      2)npm -v

    • @seven-zw1ct
      @seven-zw1ct Рік тому +2

      ​@@saurabh_pande446And how can i do that?

    • @djchristopher2420
      @djchristopher2420 Рік тому

      Same here is there any solution

    • @youngicorn
      @youngicorn Рік тому +2

      if it's your first time installing node.js on that system, it's best if you restart it before trying to do anything in VS Code

  • @sathwikvarma
    @sathwikvarma 7 місяців тому

    npx create-rea
    ct-app react-first-project
    npm error code ENOENT
    npm error syscall lstat
    npm error path C:\Users\sathw\AppData\Roaming
    pm
    npm error errno -4058
    npm error enoent ENOENT: no such file or directory, lstat 'C:\Users\sathw\AppData\Roaming
    pm'
    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: C:\Users\sathw\AppData\Local
    pm-cache\_logs\2024-06-22T11_46_23_537Z-debug-0.log

    • @aumshah249
      @aumshah249 4 місяці тому

      did you get the solution for this?