前端可从openapi文档一键生成语义化mock数据:导入文件或文本→自动解析接口与字段语义标签→生成真实业务数据(如“陈思远”“398.50”)→支持手动编辑或自然语言定制规则→启动本地mock服务(localhost:3001)→实时日志调试→基于响应反向生成带断言的测试用例。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

前端开发卡在后端接口未就绪时,需要快速获得符合真实业务语义的Mock数据来推进联调,而不是靠手写JSON或用 faker.js 生成“张三、李四、123”这类无意义字段。
从OpenAPI文档一键生成语义化Mock数据
打开Fitten Code侧边栏 → 点击「Mock Server」→ 选择「导入OpenAPI Schema」。
支持拖入本地 【openapi.json 或 swagger.yaml 文件】,也支持粘贴 YAML/JSON 格式的接口定义文本;若格式错误,插件会立即报错并定位到第几行,不让你盲目重试。
导入成功后,自动解析出全部接口路径与请求体结构,每个字段旁显示语义标签:如 user_name → “用户真实姓名”,order_amount → “订单实付金额(含小数)”。
点击「生成Mock数据」按钮,等待1~2秒,右侧即输出完整响应体示例——姓名是“陈思远”而非“Test User”,金额是“398.50”而非“100”,手机号带区号且符合大陆格式。
手动补全缺失字段或覆盖默认值
方法一:在生成的Mock JSON中直接编辑字段值,保存后该字段下次生成将沿用你填的内容。
方法二:右键点击某个字段名 → 选择「自定义生成规则」→ 输入自然语言指令,例如:“生成6位随机字母+数字组合的邀请码”、“生成过去7天内任意一个工作日日期”。
注意:修改后的字段规则仅作用于当前接口,不会污染其他接口的生成逻辑。
Fitten Code 1.0.3是一款由清华博士团队打造的AI编程助手,基于国产计图(Jittor)深度学习框架开发。它支持VS Code、JetBrains系列等主流IDE及80多种编程语言。核心功能包括智能代码补全、注释生成、代码解释、Bug检测、单元测试生成等,旨在全方位提升开发效率。该工具对个人用户免费开放。
启动本地Mock服务并对接前端请求
第一步:在Mock Server面板底部点击「启动服务」,默认监听 【http://localhost:3001】。
第二步:复制某接口的 Mock URL,例如 http://localhost:3001/api/v1/users,替换前端代码中原本调用后端的地址。
第三步:发起请求 → 查看Fitten Code控制台实时日志,每笔请求的路径、方法、参数、响应状态码和耗时都清晰可见。
第四步:发现响应不符合预期?点击对应日志条目 → 右侧自动展开该次请求的原始响应体 → 直接编辑并点击「即时重发」,无需重启服务。
基于实际响应反向生成测试用例
当你完成一轮真实接口联调后,可将抓包得到的典型响应JSON粘贴进「Test Case Generator」输入框。
选择目标框架(如 Jest / Pytest / Postman Collection),点击「生成」。
Fitten Code会自动提取关键断言点:非空校验、类型匹配、枚举值范围、嵌套结构深度,并为每个字段生成带注释的断言代码。例如对 status 字段生成 expect(res.data.status).toBeOneOf(['paid', 'shipped', 'cancelled'])。
这一步不需要提前配置Schema,完全依赖响应内容本身推导约束条件。










