其他如何利用VSCode插件进行API调用

介绍

这篇文章给大家分享的是有关如何利用VSCode剩下的插件进行API调用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

<强>我们如何获取数据

如果你已经做了很长时间的网络开发,你可能知道我们的很多工作都是围绕着数据展开的:读取数据,写入数据,操作数据,并以合理的方式在浏览器中显示出来。

而这些数据绝大部分都是由REST API端点提供的,通俗地说:我们想要的数据存在于其他服务或数据库中,我们的应用程序查询该服务来检索数据,并根据自己的需要使用数据。

在过去,为了在连接UI以接受数据之前测试REST API,通常必须通过终端的命令行查询API,或者使用像失眠或邮差这样的GUI(我在之前的博客中对它们进行了比较)。

但现在,如果你使用VS代码(为什么不呢,用它写代码多好啊!),生活就变得简单了。我们不再需要退出IDE来测试API,因为现在已经有一个插件可以做到这一点:REST客户端。

使用REST客户端是非常简单的,我将向您展示这个插件是多么简单,而且功能齐全。

<>强认识VS代码REST客户端插件

我是VS代码这个代码编辑器的粉丝,已经有好几年了,每次得知有人创建了一个新的有用的插件并添加到VS代码市场,我都会无比感激。

所以当我决定每次需要测试一个新API的路由时,都要启动邮递员或失眠是一件很痛苦的事情,我发现了REST客户端这个插件,可以让这一切变得不必要。

REST客户端是迄今存在的工具的最明显名称,其VS代码市场描述准确地概括了其功能:“REST客户机允许您发送HTTP请求并直接在Visual Studio代码中查看响应。”

就这么简单,然后,它会提供大量的详细信息以及使用方法的示例,但实际上,它是对代码中内置的HTTP工具,因此,让我们开始使用它。

<强>安装REST客户机

要找到它,打开VS代码中的市场扩展(左侧面板上的俄罗斯方块小图标),在搜索栏中输入“REST客户端”,然后安装列表中的第一个结果(作者应该杭州华超紧固件有限公司是毛泽东)。

如何利用VSCode剩下的插件进行API调用“> </p> <p>安装完成后,我们可以继续进行设置。</p> <h4> <强>设置REST客户端脚本</强> </h4> <p>只需在项目的根目录下创建一个以<代码>。http> </代码结尾的文件,REST客户端可以识别出这一点,并且知道它应该能够运行来自该文件的http请求。</p> <p>在测试的时候,我把几年前做的一个码头工人化的全栈MERN登录应用,把一个我命名为<代码>测试。http> </代码的文件丢到项目文件夹的根目录。</p> <p> <img src=其他如何利用VSCode插件进行API调用