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

使用 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/1POST https://www.php.cn/link/a6bebbe36e02bb16c654383299bc7740Content-Type: application/json
{"title": "测试文章","body": "这是内容","userId": 1}
发送请求并查看响应
在写好的请求下方,会显示一个 Send Request 的蓝色链接。点击它,VSCode 会在右侧新标签页中显示服务器返回的响应内容,包括状态码、响应头和响应体。
你可以同时在一个文件中写多个请求,用 ### 分隔,方便组织不同接口的测试用例。
Visual Studio IntelliCode
微软VS平台的 AI 辅助开发工具
46 查看详情
保存常用环境变量(进阶用法)
如果接口地址在不同环境(如开发、测试、生产)之间切换,可以用变量简化管理。
在项目根目录创建 rest-client.environment.json 文件:
{ "dev": { "apiUrl": "https://dev.api.com" }, "prod": { "apiUrl": "https://api.com" }}
然后在 .http 文件中使用:
GET {{apiUrl}}/users
通过右下角状态栏切换当前环境,变量会自动替换。
基本上就这些。写好请求、点一下、看结果,整个过程流畅高效,特别适合快速验证接口行为。
以上就是如何使用VSCode的REST Client插件测试API接口?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/875567.html
微信扫一扫
支付宝扫一扫