APIs Tester
一个轻量级的 VS Code 扩展,用于在编辑器内快速测试和管理 API 接口。支持分组管理、导入导出、WebDAV 云端同步,让 API 测试更加高效。
✨ 核心功能
📡 API 测试
- 支持所有常见 HTTP 方法:GET、POST、PUT、PATCH、DELETE、HEAD、OPTIONS
- 可视化配置请求参数:URL、Headers、Body
- 多种 Body 格式支持:JSON、Form-data、x-www-form-urlencoded、Raw
- 实时查看响应结果,支持复制粘贴
📁 分组管理
- 按项目或模块分组管理接口
- 支持在分组内快速创建新接口
- 删除接口时自动清理空分组
- 分组列表过滤功能
💾 导入导出
- Postman 兼容:支持导入/导出 Postman Collection v2.1 格式
- 原生格式:支持 APIs Tester 原生 JSON 格式
- 智能合并:
- 合并导入:保留现有数据,添加新数据(按分组名称匹配)
- 覆盖导入:替换指定分组数据,其他分组保持不变
- 路径记忆:自动记录上次使用的导入/导出目录
- 分组导入:Postman Collection 自动按文件夹和集合名称创建分组
☁️ WebDAV 云端同步
- 手动备份/恢复:通过"更多"菜单随时同步
- 自动备份:接口变更后自动同步到 WebDAV(可配置)
- 实时提示:同步成功或失败都有明确提示
- 配置简单:只需填写 WebDAV 服务器地址和账号信息
🚀 快速开始
安装
- 克隆仓库:
git clone <repo-url>
- 安装依赖:
npm install
- 编译代码:
npm run compile
- 按
F5 启动调试
使用
- 点击活动栏的 APIs Tester 图标打开侧边栏
- 点击 "+" 按钮创建新接口
- 填写接口信息并发送请求
- 使用"更多"菜单进行导入导出和同步操作
WebDAV 配置
- 打开 VS Code 设置(
Ctrl+,)
- 搜索
APIs Tester
- 填写 WebDAV 配置:
apiTester.webdav.url:WebDAV 服务地址
apiTester.webdav.username:用户名
apiTester.webdav.password:密码
apiTester.webdav.path:备份目录路径(默认:/apis-tester-backup)
apiTester.webdav.autoBackup:是否开启自动备份
📋 功能菜单
主界面
- 新建按钮(+):快速创建新接口
- 更多菜单(⋯):
- 导出数据
- 导入数据
- WebDAV 备份
- WebDAV 恢复
- 打开设置
开发提示
- 主入口:
src/extension.ts,负责处理 Webview 消息、请求发送、WebDAV 备份。
- 前端 UI:
media/panel.js、media/panel.css。
- 构建输出目录:
out/(由 npm run compile 生成)。
发布
- 打包:安装
vsce 后运行 npm run package 生成 .vsix。
- 安装:在 VS Code 执行
code --install-extension <文件名>.vsix。
| |