VS Code的REST Client插件支持直接在编辑器内发送HTTP请求,安装后创建.http文件,输入如GET https://jsonplaceholder.typicode.com/posts/1,点击“Send Request”即可查看响应;支持多种HTTP方法、请求头、参数和请求体配置,可通过@variables定义环境变量实现多环境切换,请求可保存为requests.http文件供团队共享,便于接口调试与维护。

在开发过程中,调试API是常见需求。VS Code中的REST Client插件让你无需离开编辑器,就能快速发送HTTP请求并查看响应结果,非常方便。它支持多种HTTP方法、请求头、参数和请求体,适合前后端联调或测试第三方接口。
安装与基本使用
打开VS Code的扩展市场,搜索“REST Client”,安装由humao.rest-client提供的插件。安装完成后,创建一个以.http或.rest为后缀的文件,比如api.test.http。
在文件中输入以下内容:
GET https://jsonplaceholder.typicode.com/posts/1
写完后,你会看到上方出现“Send Request”的蓝色链接,点击即可发送请求。响应结果会自动在右侧新标签页中展示,包括状态码、响应头和格式化后的JSON数据。
支持的请求类型与配置
REST Client支持常见的HTTP方法,如GET、POST、PUT、PATCH、DELETE等。你可以灵活设置请求头、查询参数和请求体。
-
添加请求头:每行一个头信息,例如
Content-Type: application/json -
传递查询参数:直接拼在URL后面,如
GET https://example.com/users?page=2&limit=10 - 发送POST请求:
POST https://jsonplaceholder.typicode.com/posts Content-Type: application/json{ "title": "Hello VS Code", "body": "Using REST Client", "userId": 1 }
环境变量与多环境管理
如果你需要在不同环境(如本地、测试、生产)之间切换,可以使用REST Client的环境变量功能。
在文件顶部使用@variables定义变量:
@baseUrl = https://jsonplaceholder.typicode.com @postId = 1GET {{baseUrl}}/posts/{{postId}}
三个###用于分隔多个请求,提高可读性。通过变量,你只需修改一处即可影响多个请求,便于维护。
保存与复用请求
你可以将常用请求保存在项目中的requests.http文件里,随代码一起提交,方便团队成员共享测试用例。配合Git,还能追踪接口调用的变化。
建议按模块组织请求,例如用户、订单、支付等,每个部分用注释和分隔符清晰标注。
基本上就这些。REST Client简单但强大,适合日常开发中高频调试接口,减少对Postman等外部工具的依赖。不复杂但容易忽略。










