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

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

幻影之瞳

发布： 2025-11-01 19:05:02

原创

1069人浏览过

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

使用rest client扩展在vscode中编写和测试http请求

在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服务。不复杂但容易忽略细节，比如变量命名和分隔符写法，注意保持格式正确即可。基本上日常开发够用了。

以上就是使用REST Client扩展在VSCode中编写和测试HTTP请求的详细内容，更多请关注php中文网其它相关文章！