如何创建react项目

使用 Create React App 创建项目

确保已安装 Node.js（建议版本 12+）。打开终端或命令行工具，运行以下命令快速创建 React 项目：

npx create-react-app my-app

my-app 为项目名称，可自定义。此命令会自动安装 React 及其依赖项。

通过 Vite 创建项目（推荐高性能方案）

Vite 是现代化构建工具，适合快速启动项目。执行以下命令：

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

选择 React 模板后，进入项目目录并安装依赖：

cd my-app
npm install

手动配置 Webpack 项目（高级定制）

适合需要深度定制的开发者。初始化项目并安装核心依赖：

mkdir my-app
cd my-app
npm init -y
npm install react react-dom

创建 webpack.config.js 配置打包规则，安装 Babel 和 Webpack 相关依赖：

npm install --save-dev webpack webpack-cli babel-loader @babel/core @babel/preset-react

项目目录结构说明

典型 React 项目包含以下核心文件：

• src/index.js：应用入口文件
• src/App.js：主组件文件
• public/index.html：HTML 模板
• package.json：依赖和脚本配置

启动开发服务器

完成创建后，使用以下命令启动开发环境：

npm start

对于 Vite 项目，脚本可能为：

npm run dev

生产环境构建

部署前需生成优化后的代码：

npm run build

构建结果通常保存在 build 或 dist 目录中。