集成REST Client的VSCode API测试环境

安装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/json
<h3></h3><h1>POST 请求创建新用户</h1><p>POST <a href="https://www.php.cn/link/1da5ca963ae4930bda1e0a19cc88ae87">https://www.php.cn/link/1da5ca963ae4930bda1e0a19cc88ae87</a>
Content-Type: application/json</p><p>{
"name": "John Doe",
"email": "john@example.com"
}</p><h3></h3>

每段请求之间用 ### 分隔。将光标置于某段请求内，会显示 Send Request 链接，点击即可发送请求。

查看响应结果

发送请求后，VSCode会在右侧或新标签页中打开响应内容，包括状态码、响应头和格式化后的JSON数据，方便调试。

你还可以将响应保存为变量，在后续请求中复用。例如：

白瓜面试

白瓜面试 - AI面试助手,辅助笔试面试神器

40

查看详情

POST https://your-api.com/login
Content-Type: application/json
<p>{
"username": "test",
"password": "123456"
}</p><blockquote><p>{%
client.global.set("authToken", response.body.token);
%}</p></blockquote><h3></h3><p>GET <a href="https://www.php.cn/link/bd8af78a63f6fee6292cc0d34960e53d">https://www.php.cn/link/bd8af78a63f6fee6292cc0d34960e53d</a>
Authorization: Bearer {{authToken}}</p>

上面代码将登录返回的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测试工具，适合开发者嵌入日常编码流程，提升调试效率。不复杂但容易忽略的是变量提取和环境隔离，合理使用能让测试更接近真实场景。

以上就是集成REST Client的VSCode API测试环境的详细内容，更多请关注php中文网其它相关文章！