react如何快速搭建项目

使用 Create React App 快速搭建项目

Create React App (CRA) 是官方推荐的 React 项目脚手架工具，无需配置即可快速生成项目结构。

安装最新版本的 Node.js（建议 LTS 版本） 运行以下命令创建新项目：

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

使用 Vite 搭建 React 项目

Vite 是现代化的前端构建工具，启动速度和热更新更快。

安装 Vite 并创建项目：

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

通过 Next.js 搭建 React 项目

Next.js 是支持服务端渲染的 React 框架，适合生产级应用。

使用以下命令创建项目：

npx create-next-app@latest
cd my-next-app
npm run dev

项目结构说明

典型的 React 项目结构包含：

• src/：主要源代码目录
• public/：静态资源文件
• package.json：项目配置和依赖管理
• node_modules/：安装的依赖包

添加必要依赖

根据项目需求安装常用库：

npm install react-router-dom axios redux @reduxjs/toolkit

配置 ESLint 和 Prettier

保证代码风格一致：

npm install eslint prettier eslint-config-prettier eslint-plugin-prettier --save-dev

创建 .eslintrc.json 和 .prettierrc 配置文件进行规则定制。