如何初始化一个react项目？

如何初始化一个react项目？

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

在本地初始化一个 React 项目，你可以选择使用以下两种常见方法：

---

✅ 方法一：使用 Vite（推荐）

Vite 是一个快速构建工具，适合现代 React 项目开发，速度快且配置简单。

1. 安装 Vite 脚手架并创建项目

npm create vite@latest my-app -- --template react

参数说明：

• my-app：项目目录名称。
• --template react：指定 React 模板。

2. 进入项目目录

cd my-app

3. 安装依赖

npm install

4. 启动项目

npm run dev

Vite 默认使用端口 5173，在浏览器中访问：http://localhost:5173

---

🔥 方法二：使用 Create React App

传统方式，但较为笨重，适合较老版本项目或对 Vite 不熟悉时使用。

1. 使用 npx 创建项目

npx create-react-app my-app

如果你没有安装 npx：

npm install -g npx

2. 进入项目目录

cd my-app

3. 启动项目

npm start

默认使用端口 3000，在浏览器中访问：http://localhost:3000

---

💡 对比建议

• ✅ Vite：更快的构建速度，配置灵活，推荐用于新项目。
• 🔥 CRA：稳定但编译较慢，适合老项目或不想折腾配置时使用。