人人都会AI编程

4.3.1 新项目从零快速搭建技巧

更新时间:2026-06-29

Cursor 的 Agent 模式和上下文感知能力,能让一个新项目的初始搭建从"先查文档再手写配置"压缩到几分钟内完成。以下是经过验证的高效流程:

1. 用一句话 Prompt 定好骨架

不要只说"创建一个 React 项目",而是把技术栈、核心依赖和目录规范一次性交代清楚。例如:

"请帮我创建一个基于 Vite + React 18 + TypeScript 的前端项目,使用 React Router v6 做路由,Tailwind CSS 做样式,ESLint 和 Prettier 已配置好。项目目录按 pages、components、hooks、utils 划分,并给出基础的目录结构和配置文件。"

这样 Cursor 能一次性生成 vite.config.tstsconfig.json、路由入口和目录结构,而不是反复追问。

2. 让 Agent 模式自动落地文件(推荐)

如果需求涉及多个配置文件和目录,直接唤起 Agent 模式(侧边栏切换或快捷键 Ctrl/Cmd + I),输入:

"基于上述技术栈,初始化项目结构,创建所有必要的配置文件和空目录,并在 src/main.tsx 中写好基础路由挂载代码。"

Agent 会自动:

  • 创建文件夹(如 src/pagessrc/hooks
  • 写入 package.json 并指定依赖版本
  • 生成配置文件(vite、tsconfig、tailwind、eslint)
  • 在终端执行 npm install(如果你允许)

3. 用 @Docs 锁定官方最新配置

技术栈版本迭代快,AI 训练数据可能滞后。在 Prompt 中附加:

"请参考 React Router v6 最新官方文档配置路由,使用 createBrowserRouter 方式。"

或在聊天中直接 @https://reactrouter.com/en/main/start/tutorial 引入官方文档,让 AI 基于最新 API 生成代码,避免用到废弃的旧写法。

4. 分批次生成,避免"大锅炖"

如果项目较复杂,不要把所有业务模块都塞给 Agent 一次完成。建议分两轮:

  • 第一轮:只搭环境、配工具链、跑通 Hello World;
  • 第二轮:再让 AI 基于已确认的目录结构,生成具体的业务模块(如登录页、Dashboard 布局)。

每轮结束后人工检查 package.json 中的依赖版本是否合理,特别是 TypeScript、Vite 等工具的 major 版本,防止 AI 给出过时的模板。

5. 顺手补齐工程化配套

项目骨架跑通后,立即用 Cursor 生成配套内容:

  • README.md:"根据当前项目结构,写一份本地启动和构建的说明"
  • .gitignore:"生成一个 Node.js 项目的标准 gitignore"
  • 基础测试配置:"配置 Vitest,并给 utils 目录下的示例函数写一个单元测试"

这样项目第一天就具备可交付的规范,而不是后期再补。

避坑提示

  • 依赖版本:AI 生成的 package.json 有时会引用较旧版本,建议生成后对照官方文档手动升级关键包;
  • 终端权限:Agent 执行 npm install 前会询问,首次使用注意看清提示,避免在错误目录执行;
  • 逐步验证:每完成一个阶段就手动运行 npm run dev 验证,不要等全部代码生成后再一次性排错。