Briefly introduce the process of building a React project and installing dependencies

This article brings you a brief introduction to the process of building a React project and installing dependencies. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

1. Prerequisite

First ensure that node.js has been installed...

After the installation is completed, open the cmd command line and enter node -v and npm -v to check the version number. If it is displayed, the installation is complete.

2. Install react scaffolding

　Enter in the cmd command line: npm install -g create-react- app Waiting for its installation

3. Create a new React project

　The created project is installed in the user directory by default. If you want to change it The directory can refer to the following command:

　　Enter in the cmd command line: d: (Select drive D)

　　　Enter in the cmd command line :cd d:\reactDemo (Enter the specified folder in the D drive)

Execute the new project command: create-react-app my-new-app (“my-new-app " is the name of your project root directory folder)

Continue to wait for a long time.... Remember... don’t panic

4. Install Taobao cnpm command

Obtaining npm is a bit time-consuming. It is recommended that you use the Taobao team’s cnpm

In the cmd command line, enter: npm install -g cnpm --registry=https://registry.npm.taobao.org

Enter cnpm -v to see if the input is normal. No error is reported. , indicating that the installation has been successful

5. Install the required dependency packages

Enter in the cmd command line : cd d:\reactDemo\ my-new-app (Enter the path to your new project file)

Continue cmd as follows:

npm init (and press Enter all the way)

cnpm install --save react react-dom (Import react and react-dom in this directory)

　cnpm install --save react-router-dom (react routing, will be used later)

Continue waiting...

6. Start the project

Confirm that the cmd directory is under the root directory of your project: d:\reactDemo\ my-new-app

Start the project: npm start After startup, the web page window of localhost:3000 will automatically pop up

If you want to close the project, just close the CMD window, or Use Ctrl C, enter Y and exit

The above is the detailed content of Briefly introduce the process of building a React project and installing dependencies. For more information, please follow other related articles on the PHP Chinese website!