用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——这是关键前提,必须手动安装依赖才能运行。
安装依赖并启动开发服务器
第一步:在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后再重试。


















