用 AI 生成前后端代码该从哪一步开始？

先定 API 契约，再生成代码。本章的 prompt 模板要 AI 一次性给出 4 件事：Method/Path、Request Query、Response Shape、错误码与含义，外加示例请求/响应，约束 REST + camelCase。契约锁了再分别生成后端和前端，不会出现“前端按 A 字段、后端返 B 字段”的来回返工。

让 AI 生成 NestJS handler 怎么避免它只写 happy path？

提示里明确要 4 件套：核心 handler + DTO + 验证 + 错误处理。再给清楚 stack 和约束 —— “NestJS + MongoDB，需校验 token，按 userId 过滤数据”。这样 AI 不会只交一个 controller 函数就完事，而是把 input validation、auth、错误返回一起写好，避免线上一报错才补。

AI 生成前端调用代码时要让它同时输出什么？

本章要求两件事一起出：`services/api.ts` 的调用函数，加上页面里的 loading / error / empty 三态处理。再让它给“手测用例” —— 至少 3 条：无数据、正常数据、接口错误。这样接收的是可直接联调的成品，不是只能跑 happy path 的半成品。

API 契约改了之后怎么让 AI 帮我同步所有受影响代码？

让 AI 先输出“影响面”列表 —— 后端、前端、测试、文档 4 个方向，逐项标出哪些 file 需要改。再用 `@` 引用具体文件让 AI 改，确保 import 路径和类型保持一致。直接说“帮我改一下”很容易漏改 test 或 doc，事后线上才发现类型对不上。

“创建新课程”接口练习要交付的 4 件东西是什么？

(1) API 契约 —— Method/Path/请求/响应/错误码；(2) 后端实现 —— handler + DTO + 验证 + 错误处理；(3) 前端表单调用 —— 含 loading/error/empty；(4) 3 条测试或手测脚本。检查标准是这 4 份产出是否遵守同一份契约 —— 字段命名、错误码、status code 全部对齐。

前后端协同与 API 生成

学AI来匠人

📖

Vibe Coding

38 节

·简介

基础篇6

01
Vibe Coding 是什么
5分钟
02
安装 Cursor 与环境准备
10分钟
03
写出第一个 Prompt
10分钟
04
Vibe Coding 思维模型
8分钟
05
高质量 Prompt 模板
12分钟
06
理解与校验 AI 的回复
10分钟

进阶篇18

07
🔒用 AI 做 Debug
20分钟
08
🔒与 AI 结对编程
18分钟
09
🔒多文件协作与项目级修改
25分钟
10
🔒交付一个小功能的全流程
30分钟
11
🔒用 AI 做测试与质量保障
20分钟
12
性能与成本优化
18分钟
13
安全与隐私最佳实践
15分钟
14
🔒团队协作与 PR 流程
18分钟
15
工具与模型最新动态
12分钟
16
🔒AI Agents 与工具调用
25分钟
17
🔒前后端协同与 API 生成
25分钟
18
🔒数据与知识库协作
22分钟
19
持续改进与自动化
18分钟
20
🔒AI 辅助重构与架构演进
22分钟
21
AI 辅助 UX 文案与交互
15分钟
22
🔒可观测性与 Guardrails
18分钟
23
脚手架与自动化交付
15分钟
24
🔒实战：Todo App
45分钟

工具篇13

25
🔒MCP 服务器配置
20分钟
26
🔒MCP 配置同步
15分钟
27
Cursor Rules 编写指南
15分钟
28
Git Commit 规范与 Emoji
10分钟
29
五个为什么分析法
8分钟
30
Mermaid 图表生成
12分钟
31
任务实施方法论
10分钟
32
Claude Code Skills 进阶
15分钟
33
Claude Code + GLM 4.6 配置
15分钟
34
Claude Code 自定义命令
12分钟
35
Claude Code 子代理配置
15分钟
36
Claude Code 全面拆解
25分钟
37
Claude Skill Codebook 简明教程
12分钟

实战篇1

38
Vibe Coding 全流程 SOP
15分钟

🎯学习更高效

让你的学习不被打断

✏️
学习笔记
边学边记，云端同步
📈
进度追踪
自动保存，随时继续
🏅
完课证书
可分享的学习成就
💬
社区答疑
和 2000+ 学员交流

免费注册→已有账号？登录

👥2,847 人正在学习

AI学习面试课程学习中心