AI + Vue 3：从需求到完整功能，如何让 Agent 一次把活干完

一、从代码思维转向 Task 思维

需求：

开发用户管理模块

Agent 可以自动拆解：

① 分析项目

② 找现有 Table

③ 找 API 模式

④ 找分页组件

⑤ 创建页面

⑥ 创建 API

⑦ 添加类型

⑧ 添加 Loading

⑨ 添加 Error

⑩ 添加测试

⑪ pnpm lint

⑫ pnpm type-check

⑬ Git Diff Review

核心变化：

AI 提效的最小单位不是代码，而是 Task。

二、一个好的 Task 应该包含什么？

目标
 ↓
上下文
 ↓
约束
 ↓
输入
 ↓
输出
 ↓
验证标准

例如：

目标：
新增用户管理页面。

上下文：
项目使用 Vue3 + TypeScript + Ant Design Vue。

约束：
优先复用现有组件和 API 模式。

输出：
页面、API、类型、测试。

验证：
lint + type-check + 单元测试。