react项目如何创建

创建React项目的步骤

使用官方工具create-react-app（CRA）是快速搭建React项目的推荐方式。确保已安装Node.js（版本≥14.0.0）和npm/yarn。

安装create-react-app
全局安装CRA（非必需，npx可直接使用最新版）：

npm install -g create-react-app

创建新项目
通过npx运行以下命令（避免全局安装）：

npx create-react-app my-app

其中my-app为项目名称，会自动生成对应文件夹。

启动开发服务器
进入项目目录并运行：

cd my-app
npm start

默认在浏览器打开http://localhost:3000。

可选配置

使用TypeScript模板
创建时添加模板参数：

npx create-react-app my-app --template typescript

使用Vite创建（更轻量）
Vite是另一种快速构建工具：

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

项目结构说明

生成的基础目录包含：

• src/：主要开发目录，包含入口文件index.js和组件
• public/：静态资源如HTML模板
• package.json：依赖和脚本配置

生产环境构建

运行以下命令生成优化后的代码：

npm run build

输出文件位于build/目录。