如何用VSCode进行API测试？

使用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 需要额外配置才能正确调用。

白瓜面试

白瓜面试 - AI面试助手,辅助笔试面试神器

40

查看详情

• 在 "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 更直观快捷。

以上就是如何用VSCode进行API测试？的详细内容，更多请关注php中文网其它相关文章！