VSCode中的REST客户端:告别Postman的另一种选择

16次阅读

REST Client扩展可在vscode中直接发送http请求。需安装扩展、创建.http文件编写请求、支持环境变量、多请求组织及响应调试功能。

VSCode中的REST客户端:告别Postman的另一种选择

如果您希望在VSCode中直接发送HTTP请求而无需切换到postman,REST Client扩展提供了一种轻量、集成度高的替代方案。以下是启用并使用该扩展的具体操作路径:

本文运行环境:macBook air,macOS Sequoia。

一、安装REST Client扩展

REST Client是一个VSCode官方市场中广受认可的轻量级扩展,它允许用户在纯文本文件中编写HTTP请求并直接执行,无需离开编辑器界面。

1、打开VSCode,点击左侧活动栏中的扩展图标(或按快捷键Cmd+Shift+X)。

2、在搜索框中输入REST Client,找到由Huachao Mao发布的官方扩展。

3、点击“安装”按钮,等待安装完成并重启VSCode(如提示)。

二、创建并运行HTTP请求文件

安装完成后,可通过新建以.http或.rest为后缀的文件来定义请求,VSCode将自动识别语法并提供发送功能。

1、按下Cmd+N新建空白文件。

2、点击右下角文件类型标识,选择HTTP,或手动保存为example.http。

3、在文件中输入标准HTTP请求格式,例如:
GET https://httpbin.org/get
User-Agent: VSCode-REST-Client

4、将光标置于请求行任意位置,右键选择Send Request,或按Cmd+Alt+R快捷键执行。

三、配置环境变量与多环境支持

REST Client支持通过.env文件定义变量,便于在开发、测试、生产等不同环境中快速切换请求目标和参数。

1、在项目根目录下新建名为.rest-client的文件(注意开头为点号)。

2、在该文件中写入变量定义,例如:
@host = https://api.example.com
@Token = abc123

3、在.http文件中引用变量:
GET {{host}}/users
Authorization: Bearer {{token}}

四、使用请求片段与多请求组织

单个.http文件可包含多个独立请求,通过空行分隔,便于管理同一接口的不同方法或参数组合。

1、在同一文件中编写多个请求,确保每个请求之间有至少一个空行。

2、每个请求上方可添加注释说明用途,例如:
### 获取用户列表
GET https://httpbin.org/users

3、执行时将光标置于任一请求块内,再触发Send Request,仅该请求会被发送。

五、查看与调试响应结果

执行请求后,REST Client会在新标签页中展示原始响应内容,包括状态码、响应头及响应体,并支持jsON高亮与折叠。

1、响应窗口顶部显示HTTP状态码与耗时,例如:200 OK (324ms)

2、点击响应头区域右侧的copy Response Headers按钮可复制全部响应头。

3、若响应体为json且格式良好,可点击右上角format JSON图标进行美化排版。

text=ZqhQzanResources