使用VSCode的REST Client插件可在编辑器内直接测试API。安装后创建.http文件,编写请求如GET https://jsonplaceholder.typicode.com/posts/1,点击Send Request查看响应。支持多环境变量管理,通过.env.json定义并切换环境。可发送带参数、认证的请求,如Bearer Token或表单数据。还能提取上一请求的响应值(如token)用于后续调用,实现自动化流程,提升调试效率。

在现代Web开发中,API测试是不可或缺的一环。使用VSCode的REST Client插件,开发者可以直接在编辑器中发送HTTP请求,查看响应结果,极大提升了调试效率。无需切换到Postman或其他外部工具,所有操作都在熟悉的代码环境中完成。
安装与基本用法
打开VSCode扩展市场,搜索“REST Client”并安装由Humao提供的官方插件。安装完成后,创建一个以.http或.rest为后缀的文件,例如api.test.http。
在文件中编写请求示例:
GET https://jsonplaceholder.typicode.com/posts/1
将光标置于该行,点击上方出现的Send Request链接,即可发送请求。响应内容会自动在右侧新标签页中展示,包含状态码、响应头和格式化后的JSON数据。
组织多环境请求
实际项目常涉及多个环境(如开发、测试、生产)。REST Client支持通过变量管理不同配置。
{
"dev": {
"apiUrl": "https://dev.api.com"
},
"prod": {
"apiUrl": "https://api.com"
}
}在请求中引用变量:
GET {{apiUrl}}/users
Content-Type: application/json发送请求前,可通过右下角环境选择器切换当前环境,实现无缝配置切换。
发送带参数和认证的请求
多数API需要身份验证或传递参数。REST Client支持多种认证方式和请求体格式。
例如,发送携带Bearer Token的POST请求:
@token = abc123xyzPOST https://www.php.cn/link/cb6c409f88eca4470f2516488e70c61f Authorization: Bearer {{token}} Content-Type: application/json
{ "query": "query { user(id: \"1\") { name email } }" }
表单提交示例:
POST https://api.example.com/login Content-Type: application/x-www-form-urlencodedusername=admin&password=secret
保存与复用响应数据
某些场景下,需将上一个请求的响应结果用于后续请求。REST Client允许提取响应中的值并保存为变量。
例如,登录后获取token并用于后续调用:
### 登录获取Token POST https://api.example.com/auth/login Content-Type: application/json{ "username": "test", "password": "123456" }
提取Token用于下一个请求
@authToken = {{login.response.body.token}}
GET https://www.php.cn/link/3bddd1aafe78ece8cf3ed90b61d847d8 Authorization: Bearer {{authToken}}
注意:使用{{请求名.response.body.字段}}语法可引用之前请求的返回值。
基本上就这些。熟练掌握REST Client后,日常API调试可以完全在VSCode内高效完成,减少上下文切换,提升开发流畅度。










