English | 简体中文
一款强大的 VS Code 扩展,可根据 TypeScript 接口,利用 AI 驱动生成模拟数据(Mock data)。
- 生成模拟代码: 基于您的 TypeScript 类型或 JSON Schema,使用 Faker.js 生成逼真的模拟数据代码。
- 生成模拟 JSON: 直接输出模拟的 JSON 对象。
- 生成 JSON Schema: 从您的 TypeScript 接口快速创建 JSON Schema。现在能够智能处理 TypeScript 代码中的单行注释(//),在内存中将其转换为 JSDoc,从而在不修改源文件的情况下,确保生成的 Schema 包含更丰富的描述。
- AI 驱动生成: 利用 DeepSeek AI 智能生成模拟代码和数据。
- 无缝集成: 通过右键上下文菜单在编辑器内轻松访问。
下面的 GIF 演示了如何:
- 在 TypeScript 类型上右键单击。
- 选择
TS -> Faker Mock生成 Faker.js 模拟代码。 - 打开生成的
.mock.js文件。 - 选择
Run MockJS运行模拟脚本。 - 在终端中查看输出结果。
- 打开 VS Code。
- 前往“扩展”视图 (Ctrl+Shift+X 或 Cmd+Shift+X)。
- 搜索 "TS Mock Generator"。
- 点击“安装”。
本扩展需要配置 DeepSeek API 密钥才能正常工作。您可以在 VS Code 设置中进行配置:
- 前往
文件 > 首选项 > 设置(在 macOS 上是Code > 首选项 > 设置)。 - 搜索 "TS Mock Generator"。
- 在
TS Mock Generator: Api Key字段中输入您的 API 密钥。 - (可选) 配置
TS Mock Generator: Api Url,TS Mock Generator: Model, 和TS Mock Generator: Temperature。
- 打开一个 TypeScript 文件 (
.ts或.tsx)。 - 将光标放在一个 TypeScript
interface或type定义上。 - 在编辑器中右键单击。
- 选择
TS -> Faker Mock。 - 一个新的
.mock.js文件将会被创建,其中包含 Faker.js 代码。
- 打开一个 TypeScript 文件 (
.ts或.tsx)。 - 将光标放在一个 TypeScript
interface或type定义上。 - 在编辑器中右键单击。
- 选择
TS -> JSON Mock。 - 一个新的
.mock.json文件将会被创建,其中包含模拟的 JSON 数据。
- 打开一个已生成的
.mock.js文件。 - 在编辑器中右键单击。
- 选择
Run MockJS。 - 输出结果将显示在 VS Code 的输出面板中。
- "API Key is not configured": 请确保您已在 VS Code 设置中填写了 DeepSeek API 密钥。
- "Request to AI service failed": 请检查您的网络连接和 API 密钥是否正确。AI 服务可能暂时不可用。
- 右键菜单项未显示: 请确保您当前操作的文件是
.ts,.tsx,.schema.json, 或.mock.js类型。
要编译 TypeScript 源代码并将必要的资源(例如用于提示的 .txt 文件)复制到 out 目录,请使用:
npm run compile此命令确保所有必需的文件都已就位,以便扩展正常运行。
为了提供无缝的开发体验,本项目已配置为在文件保存时自动格式化并修复 Linting 问题。这通过 .vscode/settings.json 文件实现:
- 保存时格式化: 当您保存文件时,代码将使用 Prettier 自动格式化。
- ESLint 自动修复: ESLint 中可自动修复的问题将在保存时得到解决。
请确保您已安装 Prettier 和 ESLint VS Code 扩展,以便此功能正常工作。
欢迎在 GitHub 上提交问题 (issues) 或拉取请求 (pull requests)。
本项目基于 MIT 许可证 - 详情请参阅 LICENSE 文件。
