利用REST Client插件在VS Code中告别Postman

2次阅读

vs code 内置 REST Client 插件支持在 .http 文件中编写标准 HTTP 请求,通过快捷键发送,支持变量、多环境切换、响应提取复用及项目内集成,轻量高效。

利用REST Client插件在VS Code中告别Postman

不用再切窗口找postman了——VS Code 内置 REST Client 插件,写个 .http 文件就能发请求,轻量、顺手、不打断编码流。

安装与基础用法

在 VS Code 扩展市场搜 REST Client(作者:Huachao Mao),一键安装。新建一个 api.httptest.http 文件,输入标准 HTTP 请求语法即可运行:

  • 首行写请求方法 + URL,例如:GET https://jsonplaceholder.typicode.com/posts/1
  • 空一行后可加请求头,如:Content-Type: application/json
  • 再空一行可写 JSON 请求体(POST/PUT 时)
  • 光标停在请求内,按 Ctrl+Alt+Rwindows/linux)或 Cmd+Alt+Rmac)发送

管理环境变量和多环境切换

不用改 URL 切测试/生产环境?用 @name = value 定义变量,再用 {{name}} 引用:

  • 顶部加一段变量定义:@host = https://api.example.com @env = staging
  • 请求中写:GET {{host}}/v1/users?env={{env}}
  • 支持多个变量块,配合 VS Code 的“配置文件”或手动注释切换,比 Postman 的环境管理更贴近代码习惯

复用请求与模拟简单流程

一个 .http 文件里可以写多个请求,还能用 ### 分隔,甚至引用上一个响应里的字段:

利用REST Client插件在VS Code中告别Postman

图酷AI

下载即用!可以免费使用的AI图像处理工具,致力于为用户提供最先进的AI图像处理技术,让图像编辑变得简单高效。

利用REST Client插件在VS Code中告别Postman 106

查看详情 利用REST Client插件在VS Code中告别Postman

  • ### 隔开不同接口,每个请求独立可执行
  • 响应头里有 Token?用 @token = {{response.body.$.token}} 提取并复用到后续请求头:Authorization: Bearer {{token}}
  • 适合登录 → 获取数据 → 删除资源这类连贯调试场景,不用复制粘贴 token

集成进日常开发工作流

把 .http 文件放在项目根目录或 /tests/api/ 下,和代码一起提交。团队成员打开就可跑,无需额外装工具

  • API 文档更新了?同步改 .http 文件,就是最新可执行的“活文档”
  • 搭配 Prettier 或专用格式化插件,保持请求结构清晰
  • CI 中虽不执行,但本地调试效率明显提升,尤其对前后端联调或微服务间验证很友好

基本上就这些——没 Postman 那么全,但够用、够快、够干净。

text=ZqhQzanResources