使用REST Client扩展在VSCode中编写和测试HTTP请求

安装 REST Client 扩展后，可在 vscode 中直接发送 http 请求。创建以。http 为后缀的文件，编写 GET、POST 等请求，点击“Send Request”即可查看响应。支持 jsON 格式化、 环境变量 （通过 rest-client.variables.json 配置）、多请求分隔（###），便于 API 测试与调试，提升开发效率。

在 VSCode 中使用 REST Client 扩展可以让你直接从编辑器发送 HTTP 请求，无需切换到外部 工具 。这个插件支持多种 HTTP 方法、 环境变量 、请求历史记录和响应预览，非常适合api 开发 和测试。

安装 REST Client 扩展

打开 VSCode，进入扩展市场（快捷键 Ctrl+Shift+X），搜索 “REST Client”，选择由 Huachao Mao 开发的官方扩展并安装。

创建请求文件

新建一个以 .http 或 .rest 为后缀的文件，例如 api.test.http。在这个文件中可以直接编写 HTTP 请求。

示例：

GET https://www.php.cn/link/a6bebbe36e02bb16c654383299bc7740/1 Content-Type: application/json

将光标放在请求行上，点击上方出现的 Send Request 链接，即可发送请求并在右侧新标签页查看 JSON 格式化后的响应内容。

支持多种 HTTP 方法和请求体

你可以测试 POST、PUT、PATCH 等带请求体的方法。

示例：发送 JSON 数据

POST https://www.php.cn/link/a6bebbe36e02bb16c654383299bc7740 Content-Type: application/json <p>{"title": "Hello VSCode", "body": "Using REST Client", "userId": 1}

输入完后点击“Send Request”，就能看到服务器返回的创建结果。

火龙果写作

用火龙果，轻松写作，通过校对、改写、扩展等功能实现高质量内容生产。

106

查看详情

使用变量简化测试

REST Client 支持自定义变量，方便你在不同环境中切换。

在项目根目录创建 .vscode/rest-client.variables.json 文件：

{"dev": {     "apiUrl": "https://jsonplaceholder.typicode.com"},   "prod": {"apiUrl": "https://api.example.com"} }

然后在请求中使用：

GET {{apiUrl}}/posts/1 Content-Type: application/json

点击请求时会弹出环境选择，自动替换变量。

保存和组织多个请求

一个 .http 文件可包含多个请求，用三个井号 ### 分隔：

GET https://www.php.cn/link/a6bebbe36e02bb16c654383299bc7740/1 <h3></h3><p>POST <a href="https://www.php.cn/link/a6bebbe36e02bb16c654383299bc7740">https://www.php.cn/link/a6bebbe36e02bb16c654383299bc7740</a> Content-Type: application/json</p><p>{"title": "New Post", "userId": 1}

这样便于归类同一模块的 接口，比如用户管理、订单操作等。

基本上就这些。REST Client 让 API 调试变得直观高效，特别适合前 后端 联调或学习 restful 服务。不复杂但容易忽略细节，比如变量命名和分隔符写法，注意保持格式正确即可。基本上日常开发够用了。