使用 REST Client 插件可在 VS Code 中直接测试 API,安装后创建 .http 文件,用 ### 分隔多请求,编写 GET、POST 等请求时注意空行与格式,支持注释和变量如 {{baseUrl}},提升调试效率。

使用 REST Client 插件可以在 VS Code 中直接发送 HTTP 请求测试 API,无需切换到外部工具。只要写好请求代码,点击“发送请求”就能看到响应结果,非常方便。
安装 REST Client 插件
打开 VS Code 的扩展市场,搜索 REST Client,选择由 Humao 开发的插件并安装。安装完成后,你就可以在 `.http` 或 `.rest` 文件中编写请求。
创建请求文件
新建一个文件,命名为 api.test.http,后缀为 .http 是关键,这样 VS Code 才能识别并启用插件功能。
在这个文件里,你可以写多个请求,每个请求之间用 ### 分隔,提高可读性。
编写并发送请求
以下是一些常见请求示例:
-
GET 请求:
GET https://jsonplaceholder.typicode.com/posts/1
写完后,点击上方出现的 Send Request 按钮,右侧将弹出面板显示返回的 JSON 数据。 -
POST 请求带 Body:
POST https://jsonplaceholder.typicode.com/posts Content-Type: application/json
注意空行不能少:Headers 和 Body 之间要有一个空行。{ "title": "测试文章", "body": "这是内容", "userId": 1 }
-
带请求头的请求:
GET https://api.example.com/profile Authorization: Bearer your-jwt-token-here Accept: application/json
保存和复用请求
你可以把常用请求集中写在一个 .http 文件中,比如分组管理用户、订单等接口。支持注释,用 # 开头即可说明用途。
也可以利用变量简化重复内容,例如定义 base URL:
# @baseUrl = https://api.example.com
GET {{baseUrl}}/users这样更换环境时只需改一处变量。
基本上就这些。写好请求,点一下,结果立马出来,调试 API 变得简单直观。不复杂但容易忽略细节,比如空行和格式,注意就好。










