学习视频：尚硅谷React教程（2022加更，B站超火react教程）_哔哩哔哩_bilibili 

 一、创建 react 应用

1、react 脚手架概述

（1）xxx 脚手架：用来帮助程序员快速创建一个基于 xxx 库的模板项目。

        ① 包含了所有需要的配置（语法检查、jsx编译、devServer…）。 

        ② 下载好了所有相关的依赖。 

        ③ 可以直接运行一个简单效果。 

（2）react提供了一个用于创建react项目的脚手架库：create-react-app。 

（3）项目的整体技术架构为：react + webpack + es6 + eslint。 

（4）使用脚手架开发的项目的特点：模块化、组件化、工程化。

2、创建项目并启动

        我是直接按照以下博客流程操作的（因为版本等不同可能安装过程会报错 2023.12.22）：

        React的环境搭建以及脚手架的安装 - 仰望星空的你 - 博客园 

（1）检查 node.js 与 npm 的版本

         

（2）设置国内镜像源：npm使用国内淘宝镜像的两种方法_node.js_脚本之家

（3）全局安装 React 脚手架：npm i -g create-react-app

（4）创建项目，在对应的文件夹地址中输入 create-react-app  项目名称

         如果报以下错误，可以添加环境变量或使用命令 npx create-react-app 项目名称

         具体请参考create-react-app不是内部或外部命令,也不是可运行的程序?-CSDN博客

         

（5）安装成功

         

3、react 脚手架项目结构

3.1 总体架构