VSCode 内置 HTTP 客户端支持在编辑器内发送 HTTP 请求并查看响应。需创建。http 文件，编写 GET/POST 等请求，添加请求头与变量，用 Cmd+Alt+ R 执行，响应结构化显示于新标签页。
如果您希望在不离开代码编辑器的情况下发送 HTTP 请求并查看响应，VSCode 的内置 HTTP 客户端提供了一种轻量、集成度高的替代方案。以下是使用该功能的具体方式：
本文运行环境：MacBook Air，macOS Sequoia。
一、启用并配置 HTTP 文件支持
VSCode 内置 HTTP 客户端依赖于以 .http 或 .rest 为扩展名的文件进行请求定义。系统默认已支持该功能，无需额外安装插件，但需确保文件关联正确且语法高亮启用。
1、在 VSCode 中新建一个空白文件。
2、点击右下角显示的文件类型（如“纯文本”），在弹出菜单中选择“Configure File Association for ‘.http’……”。
3、在输入框中键入 http 并按回车确认。
4、保存文件，扩展名为 example.http。
二、编写基础 HTTP 请求
HTTP 客户端通过特定语法解析请求行、头字段和请求体，支持 GET、POST、PUT、DELETE 等多种方法，并能自动识别空行分隔符。
1、在 .http 文件中输入以下内容：
GET https://httpbin.org/get
2、将光标置于该请求行任意位置。
3、按下 Cmd+Alt+R（macOS）或 Ctrl+Alt+R（Windows/Linux）触发请求发送。
4、响应结果将在新标签页中以结构化格式展示，包含状态码、响应头与响应体。
三、添加请求头与认证信息
可在请求行下方添加多行键值对形式的 HTTP 头，用于模拟真实客户端行为，例如携带身份凭证或指定内容类型。
1、在 .http 文件中输入以下内容：
GET https://httpbin.org/headers
User-Agent: VSCode-HTTP-Client/1.0
2、确保请求行与首行请求头之间无空行，且各头字段独占一行。
3、再次执行请求，响应中的 headers 字段将包含上述自定义头信息。
四、发送带请求体的 POST 请求
对于需要提交数据的接口，可在请求头后插入空行，再添加原始 JSON、表单或纯文本格式的请求体，客户端将自动设置 Content-Length 和 Content-Type。
1、输入如下内容：
POST https://httpbin.org/post
Content-Type: application/json
{
“name”: “Alice”,
“score”: 95
}
2、光标置于 POST 行内，执行请求。
3、响应体中的 json 字段将准确映射您提交的结构化数据。
五、复用变量与环境配置
通过定义 @variables 块可避免硬 编码 敏感值或重复 URL 片段，提升脚本可维护性与安全性。
1、在文件顶部添加变量定义：
@host = https://httpbin.org
@token = abc123xyz
2、在后续请求中引用变量：
GET {{host}}/bearer
Authorization: Bearer {{token}}
3、变量名使用双大括号包裹，支持跨请求复用和局部覆盖。
