CodeBuddy支持三种Mock数据生成方式:1.基于已有TypeScript接口自动生成带默认值的实例;2.通过中文注释推导接口并生成Mock;3.从运行时对象反向推导类型并生成多组Mock数据。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要根据已有的 TypeScript 接口快速生成语义合理、结构匹配的 Mock 数据实例,避免手写重复样板或字段遗漏。
用接口定义直接生成Mock数据
这一步适用于已有清晰 interface 或 type 声明的项目,CodeBuddy 能静态分析字段名、类型、可选性及嵌套关系,自动生成带默认值的实例对象。
1、在 VS Code 中打开包含目标接口的 .ts 文件(例如 user.interface.ts),确保光标停在 interface User { ... } 这一行的任意位置。
2、右键点击该行 → 选择“生成对应Mock数据”。【必须是 interface 或 type 的声明行,不能是 import 行或空行】
3、CodeBuddy 自动识别 string → 填“张三”,number → 填 12345,boolean → 填 true,Date → 填 new Date(),数组 → 填含 2 个元素的示例数组,嵌套对象 → 递归展开填充。
4、勾选“启用随机化”后再次生成,可获得 name 字段为“李四”、id 为 67890 的新组合——每次生成都不同,适合批量测试。
从自然语言注释触发Mock生成
当你还没写接口,但已有明确字段需求时,可用中文注释描述结构,让 CodeBuddy 先推导接口再生成 Mock。
方法一:先定义再生成
在 .ts 文件中输入:// 定义用户登录响应接口,含 token(字符串)、expiresIn(数字)、user(嵌套对象:id/number, nickname/string)
将光标置于该行末尾,按 Ctrl+Enter,选择“生成 interface LoginResponse 并附带 Mock 实例”即可。
php获得文件的mime type类
php获得文件的mime type类
下载
方法二:跳过接口直接要数据
输入注释:// 生成一个符合用户列表API响应格式的Mock数组,共3条,每条含 id、name、avatarUrl、isActive
按下 Ctrl+Enter 后,CodeBuddy 不生成 interface,而是直接输出 const mockUsers = [ {...}, {...}, {...} ] 形式的数据块。
选中运行时对象反向推导并Mock
已有真实响应样本、mock 数据或配置对象?CodeBuddy 可基于值的结构反向生成类型定义,并立刻给出一组符合该结构的 Mock 实例。
第一步:在 .ts 文件中写出对象字面量,例如:const sampleRes = { id: "U-1001", name: "王五", roles: ["admin"], profile: { age: 28, city: "深圳" } };
第二步:鼠标拖选从 const sampleRes = 开始到结尾大括号的整段代码,确保包含等号和花括号。
第三步:右键 → “Ask CodeBuddy”,在弹出框中输入:
为上述对象生成 TypeScript interface 并提供3组符合该结构的 Mock 数据
第四步:回车确认。CodeBuddy 输出 interface SampleRes 及其嵌套的 Profile 接口,紧接着给出3个结构一致、字段值各异的 mock 对象数组。
