Cursor可5分钟内自动生成含Vite、TypeScript、ESLint、Prettier及标准目录的React项目：下载安装→GitHub登录→新建空白工作区→Cmd/Ctrl+L调用AI生成→命名后等待创建→终端执行npm install和npm run dev启动。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
用Cursor快速生成React项目骨架，省去手动配置Vite、TypeScript、ESLint、Prettier和基础目录结构的繁琐步骤，5分钟内获得开箱即用的开发环境。
安装并启动Cursor
前往 cursor.com 下载最新版Cursor桌面应用，安装完成后直接打开。首次启动时需登录GitHub账号授权，否则后续无法调用AI工程能力。
确认右下角状态栏显示 【Online】 且图标为蓝色，代表已连接Cursor AI服务。若显示灰色“Offline”，点击该区域手动重连。
新建空白工作区
点击左上角 File → New Window → 选择 “Empty Workspace”。不要选 “Open Folder” 或 “Clone Repository”，否则AI无法接管初始化流程。
此时编辑器中央显示空白页，底部终端未自动开启——这正是正确状态。强行提前打开终端会干扰AI识别上下文。
触发AI项目生成
按下 Cmd/Ctrl + L（Mac/Windows）唤出命令面板，输入 “Create new React app” 并回车。
将 React 应用升级到最新版本，从类组件迁移到 Hooks，并采用并发特性。用于现代化改造 React 代码库、迁移到 React Hooks 或升级到最新
在弹出的对话框中，AI会自动建议项目名称（默认为 my-react-app），可直接回车确认；若需自定义，请输入不含空格和特殊字符的英文名，例如 todo-dashboard。
等待3～8秒，AI会在当前窗口创建完整项目文件夹，包含 src/、public/、vite.config.ts、tsconfig.json 等全部标准结构。过程中不要切换标签页或点击其他区域，否则可能中断生成。
验证并启动开发服务器
项目生成完毕后，左侧资源管理器中会出现新文件夹，双击进入。
按 Cmd/Ctrl + Shift + P 唤出命令面板，输入 “Terminal: Create New Terminal”，回车。
终端自动定位到项目根目录，输入 npm install → npm run dev，看到 “Local: http://localhost:5173/” 即表示服务启动成功。
浏览器自动打开页面，显示 Vite 默认的React欢迎界面，右上角有热更新提示 —— 这说明 ESLint、Prettier、TypeScript 类型检查均已预装生效。
