VS Code中的REST Client插件可直接在编辑器内发送HTTP请求,支持GET、POST等方法,设置请求头与参数,查看格式化响应,并通过变量和.http文件实现请求复用,提升开发效率。

很多人还在用Postman测试API,其实你根本不需要跳出VS Code。安装一个轻量的REST Client插件,就能直接在编辑器里发送HTTP请求,查看响应,调试接口一气呵成。
为什么选择VS Code中的REST Client?
Postman功能强大,但很多时候只是用来发个GET或POST请求,来回切换窗口反而打断开发节奏。REST Client让你写代码的同时测试接口,效率更高。
它支持:
- 发送常见的HTTP方法(GET、POST、PUT、DELETE等)
- 设置请求头、Authorization、Cookie等
- 发送JSON、表单、文件等数据
- 查看格式化后的响应内容
- 保存请求到.http文件,方便复用和分享
如何使用REST Client?
第一步:在VS Code扩展市场搜索“REST Client”并安装(作者是Humao)。
第二步:创建一个api.http文件,写入你的请求:
GET https://jsonplaceholder.typicode.com/posts/1 Accept: application/json
把光标放在请求上,点击上方出现的Send Request按钮,右侧就会弹出响应结果。
再比如发送一个带Body的POST请求:
POST https://jsonplaceholder.typicode.com/posts Content-Type: application/json{ "title": "Hello VS Code", "body": "Using REST Client is awesome", "userId": 1 }
进阶技巧:环境变量与请求复用
你可以定义不同环境的变量,比如开发、测试、生产:
@baseUrl = https://api.dev.example.comGET {{baseUrl}}/users Accept: application/json
切换环境时只需改一行变量,所有请求自动更新目标地址。
还能用###分隔多个请求,组织更清晰:
@baseUrl = http://localhost:3000GET {{baseUrl}}/users
POST {{baseUrl}}/users Content-Type: application/json
{ "name": "Alice" }
适合谁?
如果你经常调接口、写后端、做前后端联调,或者只是想快速验证一个API是否可用,REST Client就是为你准备的。轻量、快捷、不离开代码上下文。
基本上就这些,不用学复杂操作,写几个请求你就离不开它了。










