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

不用再切窗口找postman了——VS Code 内置 REST Client 插件,写个 .http 文件就能发请求,轻量、顺手、不打断编码流。
安装与基础用法
在 VS Code 扩展市场搜 REST Client(作者:Huachao Mao),一键安装。新建一个 api.http 或 test.http 文件,输入标准 HTTP 请求语法即可运行:
- 首行写请求方法 + URL,例如:
GET https://jsonplaceholder.typicode.com/posts/1 - 空一行后可加请求头,如:
Content-Type: application/json - 再空一行可写 JSON 请求体(POST/PUT 时)
- 光标停在请求内,按 Ctrl+Alt+R(windows/linux)或 Cmd+Alt+R(mac)发送
管理环境变量和多环境切换
不用改 URL 切测试/生产环境?用 @name = value 定义变量,再用 {{name}} 引用:
- 顶部加一段变量定义:
@host = https://api.example.com@env = staging - 请求中写:
GET {{host}}/v1/users?env={{env}} - 支持多个变量块,配合 VS Code 的“配置文件”或手动注释切换,比 Postman 的环境管理更贴近代码习惯
复用请求与模拟简单流程
一个 .http 文件里可以写多个请求,还能用 ### 分隔,甚至引用上一个响应里的字段:
- 用
###隔开不同接口,每个请求独立可执行 - 响应头里有 Token?用
@token = {{response.body.$.token}}提取并复用到后续请求头:Authorization: Bearer {{token}} - 适合登录 → 获取数据 → 删除资源这类连贯调试场景,不用复制粘贴 token
集成进日常开发工作流
把 .http 文件放在项目根目录或 /tests/api/ 下,和代码一起提交。团队成员打开就可跑,无需额外装工具:
- API 文档更新了?同步改 .http 文件,就是最新可执行的“活文档”
- 搭配 Prettier 或专用格式化插件,保持请求结构清晰
- CI 中虽不执行,但本地调试效率明显提升,尤其对前后端联调或微服务间验证很友好
基本上就这些——没 Postman 那么全,但够用、够快、够干净。