VSCode可通过REST Client插件直接发送HTTP请求。需安装插件、创建.http文件、用Cmd+Alt+R发送请求,支持环境变量、多种Body格式及请求历史复用。

如果您希望在VSCode中直接发送HTTP请求,而无需切换到Postman等独立应用,则VSCode的REST Client插件提供了简洁高效的替代方案。以下是实现该功能的具体方法:
本文运行环境:MacBook Air,macOS Sequoia。
一、安装REST Client插件
该插件需通过VSCode扩展市场安装,安装后即可在编辑器内识别并执行以“.http”为后缀的文件中的HTTP请求。
1、打开VSCode,点击左侧活动栏的扩展图标(或按快捷键Ctrl+Shift+X)。
2、在搜索框中输入REST Client,找到由Huachao Mao发布的官方插件。
3、点击“安装”按钮,等待安装完成并重启VSCode(如提示需要)。
二、创建并运行HTTP请求文件
REST Client通过纯文本格式定义请求,支持GET、POST、PUT、DELETE等多种方法,并可复用变量与认证信息。
1、在当前工作区新建一个文件,命名为api.test.http,确保后缀为.http。
2、在文件中输入以下内容:
GET https://httpbin.org/get
3、将光标置于该行任意位置,右键选择“Send Request”,或按快捷键Cmd+Alt+R(macOS)/Ctrl+Alt+R(Windows/Linux)。
4、响应结果将在右侧新标签页中显示,包含状态码、响应头与响应体。
三、使用环境变量管理多套配置
通过定义环境变量,可在不同服务器地址、认证令牌之间快速切换,避免硬编码和重复修改。
1、在项目根目录下创建.rest-client文件(注意开头为点号)。
2、在该文件中写入如下结构:
@baseUrl = https://api.example.com
@authToken = eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
3、在.http文件中引用变量:
GET {{baseUrl}}/users
Authorization: Bearer {{authToken}}
四、发送带Body的POST请求
REST Client支持多种Body格式,包括raw JSON、form-data及x-www-form-urlencoded,且自动设置对应Content-Type头。
1、在.http文件中输入以下请求块:
POST https://httpbin.org/post
Content-Type: application/json
{
"name": "Alice",
"age": 30
}
2、选中整个请求块(含URL、头、Body),右键执行“Send Request”。
3、响应体中可验证原始JSON数据已正确提交至服务端。
五、保存并复用请求历史
每次成功执行的请求会自动记录在侧边栏的REST Client历史面板中,便于回溯与重发。
1、点击VSCode左侧活动栏的REST Client图标(闪电形状)。
2、在历史列表中找到目标请求,点击右侧的重放按钮即可再次发送。
3、右键某条历史记录可选择“复制为cURL”、“导出为文件”或“从历史中删除”。










