如何使用VSCode进行API测试(Thunder Client插件)

最轻量顺手的VSCode API测试方式是安装Thunder Client插件：安装后侧边栏出现闪电图标，可新建请求、选方法、填URL和JSON体并发送；支持保存为集合、配置多环境变量、响应字段提取与简单断言。

用 vscode 做 api 测试，最轻量又顺手的方式就是装 thunder client 插件——它像 postman 的精简版，直接嵌在编辑器里，不用切窗口、不占内存，写代码的同时就能发请求、看响应、存用例。

安装并启动 Thunder Client

打开 VSCode，进入扩展市场（Ctrl+Shift+X 或 Cmd+Shift+X），搜 Thunder Client，选官方出品（作者是 rangav），点击安装。重启后，侧边栏会出现一个闪电图标，点它就打开测试界面。

快速发起一次 GET 或 POST 请求

点击右上角 + Request 新建请求，填入 URL（比如 https://jsonplaceholder.typicode.com/posts/1），下拉选择方法（GET/POST/PUT/DELETE 等）。如果是 POST，点 Body 标签页，选 raw + JSON，输入 JSON 数据：

{
  "title": "我的新文章",
  "body": "这是内容",
  "userId": 1
}

按 Send，右侧立刻显示状态码、响应头和格式化后的 JSON 响应。

保存请求为集合，方便复用

别每次手动输 URL。新建请求后，点右上角三个点 → Save Request，选或新建一个 Collection（比如叫 Blog API），再起个名字（如 Get post by ID）。以后在集合里点一下就能重发，还能拖拽排序、加文件夹分组。

加环境变量，一键切换测试地址

开发、测试、预发环境 URL 不同？点 Thunder Client 左下角环境图标（地球形状）→ Manage Environments → 新建环境（如 dev），添加变量：

• base_url = https://api-dev.example.com
• auth_token = abc123...

然后在请求 URL 里写 {{base_url}}/posts，Header 里加 Authorization: Bearer {{auth_token}}。切换环境，所有请求自动套用对应值。

不复杂但容易忽略：响应体支持右键复制值、提取字段（比如提取 id 后可设为全局变量供后续请求用），也支持简单断言（比如检查 status code 是否为 200）。日常调试接口，够用且干净。