如何在VSCode中使用Thunder Client插件进行极简接口调试

阿宇姑娘_6006

阿宇姑娘_6006

2026-04-09

888人浏览

原创

thunder client装完需重载窗口并手动打开界面;发请求须补全协议、确保服务运行;post传json要选raw+json模式;环境变量需正确创建、切换并验证替换。

如何在vscode中使用thunder client插件进行极简接口调试

Thunder Client 装完打不开请求界面?先检查是否启用并重载窗口

插件安装后不会自动弹出界面,必须手动触发。按 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS)打开命令面板,输入 Thunder Client: Open Request 并回车;或者点击左侧活动栏的闪电图标(若未显示,右键活动栏 → “显示” → 勾选 Thunder Client)。常见错误是装完就关掉 VSCode,没重载窗口——插件需重启窗口或重载窗口(Developer: Reload Window)才能完全激活。

发 GET 请求 404 或连接拒绝?确认 URL 格式与服务状态

Thunder Client 默认不补全协议和端口,localhost:3000/api/users 会被当成本地文件路径处理,必须写成 http://localhost:3000/api/users 或 https://api.example.com/v1/data。另外,它不启动服务,只发请求——如果后端没跑起来,会报 connect ECONNREFUSED 127.0.0.1:3000。验证方式:用浏览器或 curl http://localhost:3000/health 先确认服务可达。

POST 请求传 JSON 却被当成表单?切换 Body 类型再设 Content-Type

默认 Body 类型是 form-data,直接粘贴 JSON 会失败。必须点 Body 区域右上角下拉菜单,选 raw → 再选右侧 JSON(此时自动加 Content-Type: application/json)。如果手动改了 Content-Type 但没切对 raw 模式,服务器仍可能解析为空体。另外,JSON 中字段名必须用双引号,{user: "alice"} 是非法 JSON,会返回 400 Bad Request。

VSCode
VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

环境变量怎么复用?别硬编码,用 Environment + Variables 面板

在 Thunder Client 左侧边栏点 Environments → + New Environment,建一个 dev 环境,填入:

{
  "host": "http://localhost:3000",
  "api_key": "sk-test-xxx"
}
然后在请求 URL 里写 {{host}}/api/items,Header 里写 Authorization: Bearer {{api_key}}。注意变量名不能含短横线(base-url ❌),只能用字母、数字、下划线;且环境切换按钮在请求编辑区右上角,不点就不会生效。

环境变量看着省事,但容易漏切环境或拼错 key 名——建议第一次配完立刻发个请求,看左下角状态栏是否显示“Environment: dev”,再检查请求预览里的 URL 是否已替换成功。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

vscode

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2023.08.07

2135

5

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.23

3242

1

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

2023.10.13

1096

3

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

2025.09.10

3719

7

curl_exec
curl_exec

curl_exec函数是PHP cURL函数列表中的一种,它的功能是执行一个cURL会话。给大家总结了一下php curl_exec函数的一些用法实例,这个函数应该在初始化一个cURL会话并且全部的选项都被设置后被调用。他的返回值成功时返回TRUE, 或者在失败时返回FALSE。

2023.06.14

3623

6

linux常见下载安装工具
linux常见下载安装工具

linux常见下载安装工具有APT、YUM、DNF、Snapcraft、Flatpak、AppImage、Wget、Curl等。想了解更多linux常见下载安装工具相关内容,可以阅读本专题下面的文章。

2023.10.30

815

4

硬盘接口类型介绍
硬盘接口类型介绍

硬盘接口类型有IDE、SATA、SCSI、Fibre Channel、USB、eSATA、mSATA、PCIe等等。详细介绍:1、IDE接口是一种并行接口,主要用于连接硬盘和光驱等设备,它主要有两种类型:ATA和ATAPI,IDE接口已经逐渐被SATA接口;2、SATA接口是一种串行接口,相较于IDE接口,它具有更高的传输速度、更低的功耗和更小的体积;3、SCSI接口等等。

2023.10.19

3148

3

PHP接口编写教程
PHP接口编写教程

本专题整合了PHP接口编写教程,阅读专题下面的文章了解更多详细内容。

2025.10.17

4889

12

php8.4实现接口限流的教程
php8.4实现接口限流的教程

PHP8.4本身不内置限流功能,需借助Redis(令牌桶)或Swoole(漏桶)实现;文件锁因I/O瓶颈、无跨机共享、秒级精度等缺陷不适用高并发场景。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2025.12.29

3789

9

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程