如何创建react

创建 React 项目的步骤

使用 Create React App (CRA) 确保已安装 Node.js（版本 ≥ 14.0.0）和 npm（版本 ≥ 5.6）。运行以下命令创建新项目：

npx create-react-app my-app
cd my-app
npm start

此命令会生成一个基础 React 项目结构，并自动启动开发服务器（通常为 http://localhost:3000）。

使用 Vite（推荐高性能方案） Vite 提供更快的构建和热更新。执行以下命令：

npm create vite@latest my-react-app --template react
cd my-react-app
npm install
npm run dev

选择 react 或 react-ts（TypeScript 模板）以适配需求。

手动配置 Webpack 适合需要深度自定义的场景：

1. 初始化项目并安装核心依赖：

   mkdir my-react-app
   cd my-react-app
   npm init -y
   npm install react react-dom
   npm install --save-dev webpack webpack-cli babel-loader @babel/core @babel/preset-env @babel/preset-react

2. 创建 webpack.config.js 配置打包规则，设置 Babel 转译和入口文件。

项目结构说明 典型 React 项目包含以下目录：

• src/：主代码目录（组件、样式、逻辑）
• public/：静态资源（HTML 模板、图标）
• node_modules/：依赖库
• package.json：项目配置和脚本命令

进阶工具链选择

• Next.js：适合服务端渲染（SSR）或静态站点生成（SSG）
• Gatsby：专为内容型网站优化的 React 框架
• Remix：全栈 React 框架，强调数据加载和路由