最轻量顺手的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)。日常调试接口,够用且干净。










