如何快速安装React教程

快速安装React教程

• 如何快速安装React教程
• 1.首先安装node.js
• 配置环境变量
• 检查node.js和npm是否安装可以
• 2.开始安装react
• 1.安装create-react-app
• 2.用create-react-app创建react项目
• 3.进入你创建的目录:cd my-app
• 4.启动项目（一定要进入你创建的项目my-app才能启动项目）：npm start

如何快速安装React教程

1.首先安装node.js

官网安装最新版
https://nodejs.org/

然后一路点击下一步安装就可以了，安装完成如下图所示

配置环境变量

1. 右击计算机——》属性

2. 点击高级系统设置

3. 点击环境变量

1. 新增用户变量：
   变量名：Path
   变量值：C:\Users\Administrator\AppData\Roaming\npm
   

2. 新增系统变量：
   变量名填：NODE_PATH
   变量值填：（文件路径）
   

检查node.js和npm是否安装可以

1. 按win+r，然后输入cmd确定
2. 检测node版本：输入node -v
3. 检测npm版本：输入npm -v
   4

2.开始安装react

1.安装create-react-app

使用 create-react-app 快速构建 React 开发环境
安装命令：npm install -g create-react-app

2.用create-react-app创建react项目

安装命令：create-react-app my-app
create-react-app是创建命令，my-app是你要创建的项目的名称，项目名称可以随便起

3.进入你创建的目录:cd my-app

4.启动项目（一定要进入你创建的项目my-app才能启动项目）：npm start

出现以下页面，项目创建完成