Cursor支持三种快速搭建React+Vite项目的方式：一是AI生成新项目，通过空文件夹+自然语言描述自动创建含TypeScript、React Router等的完整结构；二是补全已有入口文件的项目结构，识别JSX自动生成路由、状态管理等配套模块；三是用内置模板指令离线初始化标准骨架。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
用Cursor搭建React和Vite项目，无需手动敲命令、不用反复切换终端，AI能直接根据你的描述生成完整可运行的工程结构，连package.json、vite.config.ts、src目录树都自动配好。
在空文件夹中触发AI生成项目
这是最推荐的新手路径，Cursor会基于文件夹名+你的自然语言描述，自动推断技术栈并初始化全部文件。
第一步：在电脑任意位置新建一个空文件夹，命名为my-blog-react（建议全小写、无空格、无中文）。
第二步：用Cursor打开该空文件夹——点击菜单栏 File → Open Folder，选中这个空文件夹。
第三步：按下 Ctrl+L（Windows/Linux）或 Cmd+L（macOS），唤出命令面板，输入 New Project with AI 并回车。
第四步：在弹出的输入框中，用一句话说清你要什么。例如：“生成一个带TypeScript、Vite、React Router和基础路由的博客前端项目，首页显示文章列表，支持Markdown渲染”。不要只写“React项目”，必须带关键特征词，否则AI可能默认生成极简骨架。
第五步：按回车确认。Cursor将自动下载依赖声明、生成src/pagessrc/componentsvite.config.ts等全套文件，整个过程约15～40秒，终端无任何手动输入。
在已有入口文件中补全项目结构
适合你已经写了main.tsx或App.tsx，但缺路由、状态、样式等配套模块的场景。
方法一：在src/App.tsx顶部空白处，输入@workspace generate full project structure。
方法二：选中这行文字→右键→点击Ask Cursor（或按Cmd+K）。
Cursor会立刻分析当前文件中的JSX结构和导入语句，识别出这是React项目，然后自动生成src/routes/index.tsxsrc/store/useBlogStore.tssrc/assets/styles/global.css等关联文件，并在package.json中追加react-router-domzustand等依赖项。
【注意】此操作不可逆，会覆盖同名文件。执行前确保已提交Git或备份重要修改。
用内置模板指令一键初始化
如果你只需要标准骨架、不依赖AI推理，这条命令最快，3秒出结果。
打开Cursor内置终端（View → Terminal），确保当前路径是项目根目录（即你打算放package.json的地方）。
输入以下任一命令：
cursor init --template react-vite-ts
cursor init --template react-vite-js
回车后等待提示Project initialized successfully，刷新资源管理器即可看到src/public/tsconfig.json.gitignore等全量标准文件。
这一步不调用大模型，纯本地模板展开，【不依赖网络，离线可用】。
