fitten code 可基于真实 api 响应自动推导生成精准 typescript 接口，支持单次/批量生成、可选字段识别及 jsdoc 注释，解决手动维护接口易出错的问题。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在前端开发中，后端返回的 JSON 数据结构经常变动，手动维护 TypeScript 接口极易遗漏字段或写错类型，导致运行时类型不匹配却编译通过。Fitten Code 能基于真实 API 响应自动推导并生成精准的接口定义，直接解决这一痛点。
安装并启用 Fitten Code 插件
打开 VS Code → 左侧扩展面板 → 搜索 “Fitten Code” → 点击安装 → 安装完成后重启编辑器。
插件启用后，状态栏右下角会出现 Fitten 图标，表示已就绪。若图标未出现，请检查是否禁用了该扩展或与其他代码生成类插件（如 REST Client）冲突。
从 HTTP 请求响应自动生成接口
确保你已有可执行的 .http 文件（例如 api.http），其中包含能成功返回 JSON 的 GET 或 POST 请求。
将光标定位在请求响应体（即 `###` 分隔符下方、实际 JSON 开始的位置）→ 右键 → 选择 “Fitten Code: Generate Interface from Response” → 输入接口名（如 UserResponse）→ 回车。
插件会解析当前选中的 JSON 响应，自动识别嵌套结构、数组、null 可选性，并生成带 JSDoc 注释的 interface。如果响应中某字段值为 【null 或空字符串，且未在其他样本中出现非空值】，Fitten Code 默认将其标记为可选（?），避免强制赋值报错。
批量生成多个接口并组织到同一文件
方法一：逐个生成后手动合并
每次生成的接口默认插入到当前打开的 .ts 文件光标处。可在新建的 types/api.ts 中依次生成 UserResponse、OrderList、ProfileDetail 等接口，插件会自动跳过重复命名的 interface 声明。
方法二：使用多光标+批量触发（需提前准备多个响应块）
① 在 .http 文件中用 `###` 分隔多个请求，每个请求下方都有完整响应体；
② 按住 Alt（Windows/Linux）或 Option（macOS），鼠标点击每个响应体首行，创建多个光标；
③ 右键 → “Fitten Code: Generate Interface from Response”；
④ 插件会为每个光标位置分别生成接口，命名按顺序为 Response1、Response2…，需手动重命名；
⑤ 这一步必须在 【所有光标都落在合法 JSON 起始行（如 { 或 [）上】，否则会报“no valid JSON found”。
