需安装REST Client扩展:在VSCode扩展市场搜索并安装Huachao Mao开发的REST Client,重启后新建.api.test.http文件,输入GET https://httpbin.org/get,光标定位后按Cmd+Alt+R发送请求;通过工作区根目录.rest-client定义@host等变量并在HTTP文件中用{{host}}引用;支持多请求串联,如用{{response.body.$.args.id}}动态传参;最后配置文件关联为HTTP语言模式以启用语法高亮与自动补全。

如果您希望在VSCode中直接发起HTTP请求并查看响应,而无需切换到外部工具,则需要借助REST Client扩展实现本地API调试。以下是完成该集成的具体步骤:
本文运行环境:MacBook Air,macOS Sequoia。
一、安装REST Client扩展
REST Client是VSCode官方市场中轻量且功能完备的HTTP请求插件,支持语法高亮、环境变量、请求链式调用等特性,安装后即可通过“.http”文件执行请求。
1、打开VSCode,点击左侧活动栏中的扩展图标(或使用快捷键Ctrl+Shift+X)。
2、在搜索框中输入REST Client。
3、在结果列表中找到作者为Huachao Mao的扩展,点击“安装”按钮。
4、安装完成后,重启VSCode以确保扩展完全加载。
二、创建并运行HTTP请求文件
REST Client通过识别以“.http”为后缀的纯文本文件来解析和执行HTTP请求,文件内可包含多个请求块,每个块以空行分隔。
1、在当前工作区中新建一个文件,命名为api.test.http。
2、在文件中输入标准HTTP请求格式,例如:GET https://httpbin.org/get。
3、将光标置于该请求行任意位置,右键选择“Send Request”,或使用快捷键Cmd+Alt+R(macOS)/ Ctrl+Alt+R(Windows/Linux)。
4、右侧将弹出新标签页,显示服务器返回的原始响应内容、状态码及响应头。
三、配置环境变量以管理不同API环境
通过定义环境变量,可在同一HTTP文件中快速切换开发、测试、生产等不同基础URL与认证参数,避免硬编码和重复修改。
1、在工作区根目录下创建.rest-client文件。
2、在该文件中按如下格式定义环境:
@host = https://api.dev.example.com
@token = eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9
3、在HTTP文件中引用变量,例如:GET {{host}}/users Authorization: Bearer {{token}}。
四、使用请求片段与多请求协作
REST Client支持在同一HTTP文件中组织多个逻辑相关的请求,并利用响应体中的字段作为后续请求的动态参数,实现接口流程串联。
1、在HTTP文件中编写首个请求,例如获取用户ID:
GET https://httpbin.org/get
2、在该请求下方添加空行,再写第二个请求,在请求头中引用前序响应字段:
POST https://httpbin.org/post Content-Type: application/json
{"userId": "{{response.body.$.args.id}}"}
3、确保前一请求已执行并生成有效响应,再运行后续请求,变量将被自动提取并注入。
五、启用语法检查与自动补全
VSCode默认不校验HTTP文件语法,需手动关联语言模式并启用扩展提供的智能提示功能,提升编写效率与准确性。
1、打开任意“.http”文件,点击右下角当前语言标识(如“Plain Text”)。
2、在弹出菜单中选择Configure File Association for '.http'...。
3、在输入框中键入HTTP并回车,完成语言模式绑定。
4、重新打开文件,即可触发REST Client提供的请求方法自动补全、URL协议验证及头部模板插入功能。










