安装REST Client插件后,VSCode可直接发送HTTP请求测试API;创建.http文件编写GET、POST等请求,用###分隔,点击Send Request发送;响应在右侧显示,支持JSON格式化;可提取响应数据如token为变量{{authToken}}供后续请求复用;通过rest-client.environmentVariables.json定义多环境变量,如dev、prod的apiUrl,实现环境隔离;结合变量引用与环境切换,提升API测试效率。

在开发Web应用时,经常需要测试后端提供的RESTful API。Visual Studio Code(VSCode)通过集成REST Client插件,可以快速搭建一个轻量、高效的API测试环境,无需切换到Postman等外部工具。
安装REST Client扩展
打开VSCode,在左侧扩展面板中搜索 REST Client(由Humao出品,插件ID: humao.rest-client)。点击安装即可。
安装完成后,你就可以使用以 .http 为后缀的文件来编写和发送HTTP请求。
编写HTTP请求示例
创建一个名为 api.test.http 的文件,输入以下内容:
# GET 请求获取用户列表 GET https://www.php.cn/link/1da5ca963ae4930bda1e0a19cc88ae87 Accept: application/jsonPOST 请求创建新用户
POST https://www.php.cn/link/1da5ca963ae4930bda1e0a19cc88ae87 Content-Type: application/json
{ "name": "John Doe", "email": "john@example.com" }
每段请求之间用 ### 分隔。将光标置于某段请求内,会显示 Send Request 链接,点击即可发送请求。
查看响应结果
发送请求后,VSCode会在右侧或新标签页中打开响应内容,包括状态码、响应头和格式化后的JSON数据,方便调试。
你还可以将响应保存为变量,在后续请求中复用。例如:
Psky企业网站是基于PHP+MYSQL开发的一款企业官网宣传网站,支持PC、wap浏览。 主要功能包括导航管理、轮播新闻、单位动态、通知通报、单位简介、后台管理等。运行环境下载安装PHPStudy(小皮)即可。系统采用PHP语言(版本:7.3.4nts)和MYSQL(版本:5.7.26)数据库进行开发,安装PHPStudy(小皮)集成环境进行测试通过。安装步骤:1、导入SQL文件到PHPmyad
POST https://your-api.com/login Content-Type: application/json{ "username": "test", "password": "123456" }
{% client.global.set("authToken", response.body.token); %}
GET https://www.php.cn/link/bd8af78a63f6fee6292cc0d34960e53d Authorization: Bearer {{authToken}}
上面代码将登录返回的token保存为全局变量 authToken,并在下个请求中通过 {{authToken}} 引用。
环境变量管理
如果你有多个环境(如开发、测试、生产),可创建 rest-client.environmentVariables.json 文件进行配置:
{
"dev": {
"apiUrl": "https://dev.api.com"
},
"prod": {
"apiUrl": "https://api.com"
}
}
然后在请求中使用变量:
GET {{apiUrl}}/users
通过VSCode右下角切换当前环境,自动适配不同域名。
基本上就这些。REST Client让VSCode变成一个简洁有力的API测试工具,适合开发者嵌入日常编码流程,提升调试效率。不复杂但容易忽略的是变量提取和环境隔离,合理使用能让测试更接近真实场景。









