VSCode的REST Client插件提供轻量HTTP请求调试方案:安装后支持.http/.rest文件语法高亮与执行;可定义变量、请求头、JSON/表单请求体;支持响应字段提取为变量供后续请求复用。
如果您希望在vscode中直接发送http请求而无需切换到postman等独立应用,则vscode的rest client插件提供了一种集成度高、响应迅速的轻量替代方案。以下是启用并高效使用该插件的具体方式:
本文运行环境:MacBook Air,macOS Sequoia。
一、安装REST Client插件
该插件需通过VSCode扩展市场安装,安装后即可识别以 .http 或 .rest 为后缀的文件,并提供语法高亮、自动补全与请求执行功能。
1、打开VSCode,点击左侧活动栏的扩展图标(或按快捷键 Cmd+Shift+X)。
2、在搜索框中输入 REST Client,找到由 Huachao Mao 发布的官方插件。
3、点击“安装”按钮,安装完成后重启VSCode或直接启用插件。
二、创建并运行HTTP请求文件
REST Client通过纯文本文件定义请求,支持GET、POST、PUT、DELETE等多种方法,且无需配置界面,所有参数均以标准HTTP格式书写。
1、在工作区中新建一个文件,命名为 api.test.http。
2、在文件中输入以下内容:
GET https://httpbin.org/get?name=vscode
3、将光标置于该请求行任意位置,右键选择“Send Request”,或按快捷键 Cmd+Alt+R。
4、右侧将弹出响应窗口,显示状态码、响应头与响应体。
三、管理请求头与认证信息
插件支持在单个文件中定义多个请求,并可复用公共请求头、变量及认证凭据,避免重复书写。
1、在文件顶部添加全局变量定义:
@baseUrl = https://api.example.com
@token = eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
2、在后续请求中引用变量:
GET {{baseUrl}}/users
Authorization: Bearer {{token}}
3、保存文件后,再次执行请求,插件将自动替换变量并携带对应Header发送。
四、处理JSON请求体与表单数据
REST Client支持多种请求体格式,包括原始JSON、x-www-form-urlencoded及multipart/form-data,适配常见API交互场景。
1、发送JSON POST请求时,在请求行下方空一行后直接写入JSON内容:
POST https://httpbin.org/post
Content-Type: application/json
{
"title": "VSCode REST Client",
"active": true
}
2、发送表单数据时,将Content-Type设为 application/x-www-form-urlencoded,并在下方以键值对形式书写:
POST https://httpbin.org/post
Content-Type: application/x-www-form-urlencoded
name=restclient&version=0.24.7
五、保存与重用响应结果
插件允许将响应中的字段提取为变量,供后续请求动态调用,实现跨请求的数据流转。
1、在响应窗口中右键点击任意JSON字段值,选择“Copy Value As Variable”。
2、系统自动生成类似 @id = {{response.body.$.data.id}} 的变量声明。
3、在新请求中引用该变量,例如:
GET https://api.example.com/items/{{id}}
4、执行时插件会自动解析前序响应并注入对应值。










