用Cursor搭建首个React项目需开启AI Engineering模式，通过Command Palette输入指令生成Vite+TS+Tailwind骨架，再手动npm install并npm run dev启动。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

用Cursor搭建第一个React项目，需要跳过传统命令行初始化流程，直接利用Cursor内置的AI工程能力生成可运行的React应用结构，避免手动配置Webpack、Babel或Vite脚手架。

创建新项目并启用AI工程模式

打开Cursor → 点击左上角【File】→ 选择【New Workspace】→ 在弹出窗口中勾选【Enable AI Engineering】→ 点击【Create】。

这一步必须开启AI Engineering，否则后续无法调用create-react-app类指令。未勾选时，Cursor会以纯文本编辑器模式启动，不识别react相关上下文指令。

让Cursor生成React项目骨架

按下Cmd+K（Mac）或Ctrl+K（Windows/Linux）唤出Command Palette → 输入Generate project → 回车 → 在输入框中键入：【Create a minimal React 18 app using Vite, with TypeScript and Tailwind CSS preconfigured】 → 按回车确认。

Cursor会自动新建src/、public/、vite.config.ts等目录和文件，并写入基础路由、App组件及类型定义。它不会生成node_modules，也不执行npm install——这是关键前提，必须手动安装依赖才能运行。

vercel-react-best-practices

来自 Vercel Engineering 的 React 和 Next.js 性能优化指南。用于编写、审查或重构 React/Next.js 代码以确保最佳性

下载

安装依赖并启动开发服务器

第一步：在Cursor底部集成终端中执行：npm install → 等待全部包下载完成。

第二步：执行npm run dev → 终端输出类似Local: http://localhost:5173/的地址。

第三步：点击终端中出现的http://localhost:5173链接（自动高亮为可点击文本）→ 浏览器将打开空白但已加载React根节点的页面。

若终端报错command not found: npm，说明Node.js未安装或未加入系统PATH，需先退出Cursor，安装LTS版Node.js后再重试。