npm install -g create-react-app
create-react-app first-app
It will take sometime to load all dependencies (node modules, etc.,)
If you face any issues while doing this please check your proxy info.
Go to your user directory and find .npmrc file and check your proxy deatails
Open the .npmrc file and edit the below information
proxy=http://username:password@proxy-address/
https-proxy=http://username:password@proxy-address/
using this you can find a proxy information (It will differ when you connect different networks)
chrome://net-internals/#http2
chrome://net-internals/#proxy
Even if still not working or getting any error like admin rights / proxy settings then follow this
npm cache clear
and then execute this command npm i -g npm@latest
Once everything is fine then below folder structure will create.
first-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│ └── favicon.ico
│ └── index.html
│ └── manifest.json
└── src
└── App.css
└── App.js
└── App.test.js
└── index.css
└── index.js
└── logo.svg
└── registerServiceWorker.js
Once you have done all these setup go into your project folder.
cd first-app
To see the result in the browser enter the below command.
npm start
It will start execute and open the browser by default in port 3000.
And finally this is the output you can see in the browser.
happy coding 😄