React学习（React高级）

学习目标：

提示：这里可以添加学习目标

例如：

• 一周掌握 Java 入门知识

---

学习内容：

提示：React实战

二、React高级入门

1、脚手架

（1）什么是脚手架

脚手架本质上就是一个工具插件，可以通过执行指定命令的形式完成项目文件的远程同步！

备注：为什么要使用脚手架

手工构建项目的方式效率太低，通过脚手架将项目按照固定的格式进行快速构建，提高开发效率！

（2）React脚手架

React提供了create-react-app脚手架，用于快速构建项目

-- 执行命令，在指定目录中创建react项目
$ npx create-react-app 项目名称

-- npx命令：node中的一个核心命令，用于将指定的模块进行一次性加载执行特定功能
-- create-react-app：一个独立的模块，主要用于创建react项目
-- 项目名称：自定义项目名称，见名知意

（3）注意事项

上一个版本的React构建项目时，可以直接执行脚手架命令

• 从React推出18.0.0版本后，下面创建项目的命令不再支持！
• 即使降低脚手架版本，不支持直接创建项目，命令会提示旧版本脚手架不再支持直接构建项目

$ create-react-app 项目名称

现阶段构建React项目，使用脚手架create-react-app，通过下属命令构建

• 构建的项目，默认使用最新react版本，如有必要请手工降级！

$ npx create-react-app 项目名称

• 降低react版本

$ npm install react@17 react-dom@17 -S

构建项目的过程

项目文档结构：