安装 REST Client 插件后,可在 vscode 中直接编写并发送 http 请求。新建 .http 文件,使用标准语法编写 GET、POST 等请求,点击 Send Request 查看响应。支持 JSON、表单、文件上传及 URL 参数。通过 @variable 定义变量如 baseUrl,便于环境切换。请求历史可保存,响应可导出,提升接口测试效率。

在 VSCode 中直接测试 API 请求?不用打开 postman 或浏览器插件,REST Client 插件让你在一个 .http 文件里写请求、发送并查看响应,简洁高效。安装后即可用,适合前后端联调、接口验证和自动化测试准备。
安装 REST Client 插件
打开 VSCode 扩展市场(快捷键 Ctrl+Shift+X),搜索 REST Client,由 Huachao Mao 开发。点击安装,完成后无需重启,支持立即创建 .http 文件使用。
编写并发送 HTTP 请求
新建一个文件,命名为 api-test.http 或任何以 .http 结尾的文件。在里面写标准的 HTTP 语法请求:
写完后,请求下方会出现 Send Request 按钮,点击它,右侧将弹出内嵌的响应窗口,显示状态码、响应头和格式化后的 JSON 数据。
支持多种请求方法与参数
你可以测试各种接口类型,包括 POST、PUT、delete 等。以下是一个带 JSON 数据的 POST 示例:
POST https://jsonplaceholder.typicode.com/posts Content-Type: application/json { "title": "Hello VSCode", "body": "Using REST Client is convenient", "userId": 1 }
支持 URL 参数、表单提交、文件上传等。例如上传文件:
POST https://example.com/upload Content-Type: multipart/form-data < path/to/file.txt
保存常用请求与环境变量
对于不同环境(如开发、测试、生产),可以用变量简化配置。先定义变量:
@baseUrl = https://api.dev.example.com @contentType = application/json
然后在请求中引用:
GET {{baseUrl}}/users Accept: {{contentType}}
切换环境时只需修改变量值,提升复用性和可维护性。
查看历史响应与导出结果
每次请求的历史记录会被保留,点击响应标签可回顾之前的返回内容。右键响应内容可选择“Save Response”保存为文件,便于调试或归档。
基本上就这些。REST Client 让你在编码时无缝测试接口,不跳出编辑器,效率明显提升。


