React学习（一）：web开发框架react工具的安装与第一个应用的创建

阿里云服务器0元试用，首购低至0.9元/月起
【开发云】年年都是折扣价，不用四处薅羊毛 ### 1. 安装node.js
a. 进入node.js官网下载对应安装包

b.下载后自定义安装位置或者选择默认安装位置安装node.js





b. 安装成功之后进入命令行查看对应的 npm 和 node.js 版本

npm -v
node -v

2.安装react

a. 全局安装 react 脚手架工具

npm install create-react-app -g

b. 通过脚手架工具在当前目录下创建第一个应用
注：若想自定义应用的创建位置，可以在进入到需要创建应用的目录下打开命令行再执行以下命令

create-react-app my-app

等待几分钟之后出现以下截图则说明创建成功

c. 进入 my-app 目录下查看新建应用的配置文件

cls // 清屏
cd my-app // 进入目录
type package.json // 查看文件内容

d. 在应用目录下通过命令启动 my-app 项目

npm start

启动成功之后会自动打开浏览器并进入 react 初始页面