使用Thunder Client插件可在VSCode中直接测试API。安装后通过侧边栏创建请求,输入URL、选择方法、设置Headers、Params和Body,点击Send发送,支持保存请求到集合,便于团队共享和回归测试,提升开发效率。

用 VSCode 进行 API 测试可以通过安装合适的插件和编写简单的请求文件来实现,无需切换到其他工具。最常用的方式是使用 Thunder Client 插件,它轻量且完全集成在 VSCode 中。
安装 Thunder Client 插件
Thunder Client 是一个内嵌的 REST API 客户端,类似 Postman,但直接运行在 VSCode 里。
- 打开 VSCode,进入左侧的扩展面板(Extensions)
- 搜索 "Thunder Client"
- 找到由 rangav 提供的 Thunder Client,点击安装
- 安装完成后,侧边栏会出现闪电图标
创建并发送 API 请求
安装后就可以开始测试接口了。
- 点击侧边栏的闪电图标进入 Thunder Client
- 点击 "New Request" 创建新请求
- 输入请求名称(如 GET Users)和选择方法(GET、POST 等)
- 在 URL 栏输入目标 API 地址,例如 https://jsonplaceholder.typicode.com/users
- 点击 "Send" 发送请求,响应会显示在下方面板中
设置请求头、参数和请求体
大多数 API 需要额外配置才能正确调用。
家电公司网站源码是一个以米拓为核心进行开发的家电商城网站模板,程序采用metinfo5.3.9 UTF8进行编码,软件包含完整栏目与数据。安装方法:解压上传到空间,访问域名进行安装,安装好后,到后台-安全与效率-数据备份还原,恢复好数据后到设置-基本信息和外观-电脑把网站名称什么的改为自己的即可。默认后台账号:admin 密码:132456注意:如本地测试中127.0.0.1无法正常使用,请换成l
- 在 "Headers" 标签页中添加 Content-Type、Authorization 等头信息
- 在 "Params" 中添加查询参数(如 page=1)
- 对于 POST 或 PUT 请求,在 "Body" 标签页选择 raw + JSON,并输入 JSON 数据
- 示例 Body 内容:
{
"name": "John",
"email": "john@example.com"
}
保存请求与组织测试集合
Thunder Client 支持将请求分组管理,方便后续使用。
- 请求可自动保存在本地 collections 中
- 可以创建 "Collection"(如 User API)来归类相关请求
- 支持导出/导入整个集合,便于团队共享
- 适合用于项目内的 API 文档化和回归测试
基本上就这些。不需要启动外部程序,直接在编码环境中完成 API 调试,提升开发效率。如果你习惯写代码,也可以结合 axios 或 node-fetch 在 .js 文件中发请求,但 Thunder Client 更直观快捷。









