📌 案例 1:API 接口层(告别手写 CRUD)
场景:最烦写那些格式雷同的 try-catch 和服务层封装。现在只描述“我想要什么数据”,让 AI 生成完整的 TypeScript 服务层。
💡 Prompt原文
你现在是我的 TypeScript 全栈架构师。请为 Next.js 15 (App Router) 项目生成一个 UserService 类。
业务需求:
提供 getUserList (获取列表)、 createUser (创建)、 updateUser (更新) 三个方法。
用户对象包含 id , name , email , status (启用/禁用)。
Harness 约束(技术选型我定):
HTTP 客户端:使用 axios ,并配置 baseURL 从环境变量 NEXT_PUBLIC_API_BASE 读取。
错误处理:统一捕获异常,抛出带 message 的 Error ,不要在服务层做 UI 提示。
类型安全:必须定义 User 接口和 CreateUserRequest 、 UpdateUserRequest 入参类型。
代码风格:使用 async/await ,禁止使用 .then() 链式调用。
请直接输出 user.service.ts 的完整代码。
🔍 技巧拆解
Vibe Coding:不说“怎么发请求”,只说“我要增删改查”。AI 自己会组装 axios 和 async/await 。
Harness Engineering:通过约束 baseURL 来源和错误抛出规则,锁死了 AI 的发挥空间,避免它生成不可用的代码。
痛点替代:传统方式需要手动查 axios 文档写拦截器,现在一句话搞定。
🎯 效果预期
AI 会生成一个包含完整类型定义、错误处理、且符合你代码风格的 UserService 类,开箱即用。
夜雨聆风