如何使用VSCode的REST Client插件测试API接口？-VSCode-PHP中文网

如何使用VSCode的REST Client插件测试API接口？

紅蓮之龍

发布： 2025-11-11 18:50:02

原创

189人浏览过

使用 VSCode 的 REST Client 插件可直接在编辑器内测试 API，安装后创建 .http 文件，编写请求并点击 Send Request 即可查看响应，支持多请求分隔与环境变量管理，提升调试效率。

如何使用vscode的rest client插件测试api接口？

使用 VSCode 的 REST Client 插件可以轻松测试 API 接口，无需离开编辑器就能发送 HTTP 请求并查看响应。操作简单直观，适合前后端开发调试。

安装 REST Client 插件

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

创建请求文件

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

基本语法如下：

指定请求方法（GET、POST、PUT、DELETE 等）
写上完整的 URL
添加请求头（可选）
空一行后写请求体（仅 POST/PUT 等需要）

示例：

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": "测试文章",
"body": "这是内容",
"userId": 1
}

登录后复制

发送请求并查看响应

在写好的请求下方，会显示一个 Send Request 的蓝色链接。点击它，VSCode 会在右侧新标签页中显示服务器返回的响应内容，包括状态码、响应头和响应体。

你可以同时在一个文件中写多个请求，用 ### 分隔，方便组织不同接口的测试用例。

SpeakingPass-打造你的专属雅思口语语料

使用chatGPT帮你快速备考雅思口语，提升分数

查看详情

保存常用环境变量（进阶用法）

如果接口地址在不同环境（如开发、测试、生产）之间切换，可以用变量简化管理。

在项目根目录创建 rest-client.environment.json 文件：

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

登录后复制

然后在 .http 文件中使用：

GET {{apiUrl}}/users

登录后复制

通过右下角状态栏切换当前环境，变量会自动替换。

基本上就这些。写好请求、点一下、看结果，整个过程流畅高效，特别适合快速验证接口行为。

以上就是如何使用VSCode的REST Client插件测试API接口？的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

VSCode状态栏信息定制与实时编码指标显示 VSCode文件编码设置代码导航的革命：VSCode符号系统与跨文件跳转 VSCode Git集成工具的高级用法与冲突解决 VSCode侧边栏面板的深度定制与布局优化策略