How to create React project using command prompt?
solution :- Firstly install node js, npm and VS Code in your system
Step 1:- Open command prompt and for create project write npx create-next-app
![](https://i0.wp.com/innovatejourney.in/wp-content/uploads/2024/01/React-1.png?resize=752.4%2C380&ssl=1)
Step 2:- Now it will say to write your Project name.
![](https://i0.wp.com/innovatejourney.in/wp-content/uploads/2024/01/React-2.png?resize=752.4%2C330&ssl=1)
Step 3 :- Now write your project name as per your choice.
![](https://i0.wp.com/innovatejourney.in/wp-content/uploads/2024/01/React-3.png?resize=752.4%2C344&ssl=1)
Step 4 :- Now it will ask what is your needs to create a project
√ What is your project named? … my-first-react-app
√ Would you like to use TypeScript? … No / Yes
√ Would you like to use ESLint? … No / Yes
√ Would you like to use Tailwind CSS? … No / Yes
√ Would you like to use src/
directory? … No / Yes
√ Would you like to use App Router? (recommended) … No / Yes
? Would you like to customize the default import alias (@/*)? » No / Yes
then if you want you can select Yes and if you don’t want then select NO like this
![](https://i0.wp.com/innovatejourney.in/wp-content/uploads/2024/01/React-4.png?resize=752.4%2C381&ssl=1)
Step 5 :- Now you can see dependencies are Installed as shown in below image
![](https://i0.wp.com/innovatejourney.in/wp-content/uploads/2024/01/React-5.png?resize=752.4%2C384&ssl=1)
Step 6 :- Now use this command for change the directory
![](https://i0.wp.com/innovatejourney.in/wp-content/uploads/2024/01/React-6.png?resize=752.4%2C389&ssl=1)
Step 7 :- Now you can see below directory is changed
![](https://i0.wp.com/innovatejourney.in/wp-content/uploads/2024/01/React-7.png?resize=752.4%2C398&ssl=1)
Step 8 :- Now for open the project in Vs code use this command code .
![](https://i0.wp.com/innovatejourney.in/wp-content/uploads/2024/01/React-8.png?resize=752.4%2C400&ssl=1)
Step 9 :- Now you can see your project is directly opened in Visual Studio Code
![](https://i0.wp.com/innovatejourney.in/wp-content/uploads/2024/01/React-9.png?resize=752.4%2C400&ssl=1)
Leave a Reply