简单实用的 VSCODE 插件 ·Rest Client·

本文介绍了VSCode的一款插件Rest Client,作为接口调试工具,它简化了Rest请求的发送,尤其适合频繁调用和管理不同参数的接口。通过创建特定格式的文件,直接在编辑器内发送请求并查看结果,避免了Postman等工具的繁琐操作。此外,还提到了如何定义变量以提高效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

相信我们在日常的接口开发中会经常调试各种接口,对于接口的调试工具来说最常用的调试工具莫过于 Postman 了,这款调试工具能够满足大多数我们接口的开发,但是用的久了你会发现 Postman 并非在所有时候都那么可爱,比如在频繁的调用大量接口时,你会发现使用Postman 的话会不得不在不同的选项卡之间切换,而且相同的请求传入不同的参数的时候不同的选项卡也不那么容易识别了。这里介绍一款在 ·Visual Studio Code· 上使用的小插件 ·Rest Client·。这款插件虽然没有 Postman 那么强大,但是对于简单的 Rest 请求却已经足够了,加上简单的调用方式,使得这款插件的性价比又高了几分。

安装方式

在插件市场中搜索 REST Client 并安装即可
在这里插入图片描述

使用方式

  1. 在当前文件夹下新建一个 以 .http 或者 以 .rest结尾的文件,并打开该文件输入内容;
  2. 按照 HTTP Raw 的格式编写请求内容
  3. 在编写请求内容完成后,会在请求方式上方浮现一个 Send Request按钮,点击该按钮即可完成请求的调用
  4. 在执行调用后,会在右方弹出一个窗口用以返回调用结果
    在这里插入图片描述

多个调用

在同一文件下可以编写多个调用,但不同的调用之间需要以 ### 进行分割,如下:
在这里插入图片描述
如上图所示,Rest Client 请求调用,编写 HTTP 请求,然后点击 Send Request 即可实现调用。调用结果如右边窗口所示。
下面列举几种好用的调用方式:

请求地址中包含参数的调用

### 简单的带参数的 get 请求
GET https://v0.yiketianqi.com/api?appid=86558757&appsecret=4aCFJKbE

### 当请求参数过多时,参数与请求写在同一行看起来会很不方便
### 此时可以使用如下的方式将参数换行格式化
### 以 ? 或者 & 开头即可
GET https://v0.yiketianqi.com/api
?version=v62
&appid=86558757
&appsecret=4aCFJKbE
&cityid=101210101
	
Accept-Language: en-GB,en-US;q=0.8,en;q=0.6,zh-CN;q=0.4

###
GET https://v0.yiketianqi.com/api
?version=v61
&appid=86558757
&appsecret=4aCFJKbE
&cityid=101210101

Accept-Language: en-GB,en-US;q=0.8,en;q=0.6,zh-CN;q=0.4

定义变量的调用

除了上面的方式调用以外, Rest Client 还支持定义变量,不必再一个一个复制粘贴 IP 地址,一处定义,处处使用。岂不快哉!

### 首先定义变量,格式如 @+变量名称 = 变量值 ,如下(变量名称支持中文)
@本地ip = 127.0.0.1
@远程ip = 

###
# 然后在使用的地方用两个大括号,如 {{变量名称}} ,实现引用
# 或者可以直接在使用变量的单方输入变量名称,代码提示会提示你要调用哪个变量并帮助你自动完成
GET http://{{本地ip}}:8080/api

在这里插入图片描述

参考资料

REST Client源代码
Rest Clinet 插件地址

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值