3、React开发环境搭建与核心概念解析

React开发环境搭建与核心概念解析

一、React项目初始化

在开始React开发之前，我们需要进行项目初始化。这里有两种流行的方式：使用 create-react-app 和 Vite 。

（一）使用create-react-app

create-react-app 是Facebook的React团队提供的一种经过验证的方法，它针对简单性和易用性进行了优化，非常适合新项目或刚开始学习React的开发者。
1. 创建项目 ：创建应用后，进入项目文件夹并列出文件。项目包含以下重要文件：
- src/index.js ：React应用的入口点。
- src/App.js ：主应用组件，是开始编辑的好地方。
- public/index.html ：应用的HTML模板。
2. 启动开发服务器 ：使用以下命令启动开发服务器：

cd my-first-app
npm start

3. 停止开发服务器 ：要停止开发服务器，转到运行服务器的终端并按 Ctrl+C （在macOS上按 Cmd+C ）。

（二）使用Vi