<p>使用 VSCode 的 REST Client 插件可直接在编辑器中测试 API，安装后创建 .http 文件编写请求，如 GET、POST 等，用 ### 分隔多条请求，点击 Send Request 或快捷键发送，响应自动格式化显示；支持通过 rest-client-environment.json 定义变量管理不同环境的接口地址，提升调试效率。</p>

使用 VSCode 的 REST Client 插件测试 API 非常简单，只需创建一个以 .http 结尾的文件，然后在其中编写请求信息，即可直接发送 HTTP 请求并查看响应。

安装 REST Client 插件

打开 VSCode，在左侧扩展面板中搜索 REST Client（由 Huachao Mao 开发），点击安装。安装完成后无需重启，即可使用。

创建 .http 文件并编写请求

在项目中新建一个文件，例如 api-test.http，文件名任意，但后缀必须是 .http。

在文件中写入以下格式的请求：

GET https://phps.yycxw.com/link/c6dc59e0e8300a4b3b3b3ff329fb1868

支持多种 HTTP 方法，比如 GET、POST、PUT、DELETE 等。例如发送一个 POST 请求：

POST https://jsonplaceholder.typicode.com/posts Content-Type: application/json

每条请求之间用三个井号 ### 分隔，可用于组织多个测试用例：

GET https://phps.yycxw.com/link/c6dc59e0e8300a4b3b3b3ff329fb1868

发送请求并查看响应

在请求上方会显示一个 Send Request 链接，点击它，VSCode 会在右侧新标签页中显示完整的响应结果，包括状态码、响应头和响应体。

白瓜面试

白瓜面试 – ai面试助手,辅助笔试面试神器

40

查看详情

响应内容自动格式化，JSON 会高亮显示，便于阅读。

你也可以使用快捷键：将光标放在请求代码内，按 Ctrl+Alt+R（Windows/Linux）或 Cmd+Alt+R（Mac）来发送请求。

保存常用环境变量（可选）

如果接口地址在不同环境变化，可以使用变量简化管理。先创建一个 rest-client-environment.json 文件：

{ “development”: { “apiUrl”: “https://dev-api.example.com” }, “production”: { “apiUrl”: “https://api.example.com” } }

然后在 .http 文件中使用双大括号引用变量：

GET {{apiUrl}}/users

通过右下角的环境切换按钮可在不同配置间切换。

基本上就这些。写请求像写文档一样直观，适合前后端联调或日常接口验证。