Thunder Client是VSCode内置的轻量级API测试工具,支持安装扩展、发送HTTP请求、配置请求头与体、保存至集合、环境变量管理。

如果您正在寻找一款轻量级、集成于VSCode中的API测试工具,Thunder Client可能正是您需要的替代方案。它无需额外安装独立应用,直接在编辑器内完成接口调试与测试任务。
本文运行环境:MacBook Air,macOS Sequoia。
一、安装Thunder Client扩展
Thunder Client作为VSCode官方市场中的免费扩展,通过VSCode内置扩展管理器即可快速获取并启用,整个过程不依赖外部运行时或配置文件。
1、打开VSCode,点击左侧活动栏中的扩展图标(或使用快捷键Ctrl+Shift+X)。
2、在搜索框中输入Thunder Client,从结果列表中选择由Rajesh Kumar发布的官方扩展。
3、点击“安装”按钮,等待状态变为“已启用”后,重启VSCode以确保插件完全加载。
二、创建并发送第一个HTTP请求
安装完成后,Thunder Client会自动在侧边栏添加专属面板,用户可在此构建请求、设置参数、查看响应,并保存为集合以便复用。
1、点击VSCode左下角的Thunder Client图标,打开请求面板。
2、点击+ New Request按钮,输入请求名称(如test-get)并选择HTTP方法(GET/POST等)。
3、在URL输入框中填写目标接口地址,例如https://httpbin.org/get,然后点击Send按钮执行请求。
三、配置请求头与请求体
对于需要身份验证或结构化数据提交的接口,可通过Headers和Body选项卡分别设置请求头字段与有效载荷内容,支持JSON、form-data等多种格式。
1、在请求编辑界面,切换到Headers标签页,点击右侧“+”号添加键值对,例如Key输入Authorization,Value输入Bearer abc123。
2、切换至Body标签页,选择raw并设定类型为JSON,在文本区域中输入合法JSON对象,如{"name": "Alice", "age": 30}。
3、再次点击Send,观察响应面板中返回的状态码、响应头及格式化后的JSON响应体。
四、保存请求至集合并组织测试流程
将单个请求归类至集合有助于项目协作与长期维护,集合支持嵌套文件夹结构,还可导出为JSON文件供团队共享。
1、在请求编辑页右上角点击Save to Collection,选择现有集合或新建一个名为“User API”的集合。
2、在集合视图中右键点击该请求,选择Add to Folder,创建子目录如“Authentication”进行逻辑分组。
3、点击集合名称旁的三个点图标,选择Export Collection,保存为thunder-collection.json文件。
五、使用环境变量管理多套配置
Thunder Client支持定义环境变量,使同一请求可在开发、测试、生产等不同上下文中自动替换URL、Token等动态值,避免手动修改带来的错误风险。
1、点击Thunder Client侧边栏底部的Environments按钮,再点击+ Add Environment。
2、命名为dev,填写变量名base_url,值设为https://api.dev.example.com;再添加变量auth_token,值设为dev-token-abc。
3、在请求URL中将固定地址替换为{{base_url}}/users,并在Headers中将Authorization值设为Bearer {{auth_token}}。










