如何创建一个 react 项目-酒店常州论坛

前言

一、Vite 快速创建一个 react 纯前端项目

二、Next.js (App Router) 快速创建一个 react 全栈项目

前言

构建React项目的几种方式：

方式	定位	适合什么场景	我对你的建议
Vite + React	纯前端构建工具	SPA、纯前端、学习 React	非常推荐（⭐️⭐️⭐️）
Next.js App Router	React 全栈框架	AI应用、SSR、BFF、全栈产品	非常推荐（⭐️⭐️⭐️）
React Router Framework	React全栈框架	偏Web标准、全栈React	可以了解，暂不主攻
Rsbuild / Parcel	构建工具	特殊工程需求	暂时不用
Create React App	老脚手架	老项目维护	不要新建项目使用

使用 vite 创建的 react 初始文件请戳这里查看。

执行命令：

npm create vite@latest react-vite-ts

然后依次选择：

环境要求：
node：v24.21.0
pnpm：v12.4.1
git：v2.53.0

执行下面的命令：

pnpm create next-app@latest <项目名>