如何通过VSCode REST插件高效进行API调用操作？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1218个文字，预计阅读时间需要5分钟。
相关推荐： 《VSCode基础使用教程》 为什么要离开IDE去测试新的API？现在你不必这样做。 我们如何获取数据？如果你已经做了很长时间的Web开发，你可能知道我们的大部分工作都是围绕着这些进行的。
相关推荐：《vscode基础使用教程》
为什么要离开IDE去测试新的API？现在你不必这样做了。
我们如何获取数据
如果你已经做了很长时间的Web开发，你可能知道我们的很多工作都是围绕着数据展开的：读取数据、写入数据、操作数据，并以合理的方式在浏览器中显示出来。
而这些数据绝大部分都是由REST API端点提供的，通俗地说：我们想要的数据存在于其他服务或数据库中，我们的应用程序查询该服务来检索数据，并根据自己的需要使用数据。
在过去，为了在连接UI以接受数据之前测试REST API，通常必须通过终端的命令行查询API，或者使用像Insomnia或Postman这样的GUI(我在之前的博客中对它们进行了比较)。
但现在，如果你使用VS Code（为什么不呢，用它写代码多好啊！），生活就变得简单了。我们不再需要退出IDE来测试API，因为现在已经有一个插件可以做到这一点：REST Client。
使用REST Client是非常简单的，我将向您展示这个插件是多么简单，而且功能齐全。
认识VS Code REST Client插件
我是VS Code这个代码编辑器的粉丝，已经有好几年了，每次得知有人创建了一个新的有用的插件并添加到VS Code市场，我都会无比感激。
所以当我决定每次需要测试一个新的API路由时，都要启动Postman或Insomnia是一件很痛苦的事情，我发现了REST Client 这个插件，可以让这一切变得不必要。
REST Client是迄今存在的工具的最明显名称，其VS Code市场描述准确地概括了其功能：“REST Client允许您发送HTTP请求并直接在Visual Studio Code中查看响应。”
就这么简单。然后，它会提供大量的详细信息以及使用方法的示例，但实际上，它是VS Code中内置的HTTP工具。因此，让我们开始使用它。
安装REST Client
要找到它，打开VS Code中的市场扩展（左侧面板上的俄罗斯方块小图标），在搜索栏中输入 “rest client”，然后安装列表中的第一个结果（作者应该是Huachao Mao）。
安装完成后，我们可以继续进行设置。
设置REST Client脚本
只需在项目的根目录下创建一个以 .localhost:3003/registerUser。第一行末尾的 HTTP/1.1 与RFC 2616建立的标准有关，但是我不确定是否有必要，因此我将其保留只是为了安全。
然后，因为这是一个 POST，所以在请求中要包含一个JSON体，注意 Content-Type 和 body 之间有一行空行——这是REST Client有意要求的。所以，我们把所需的字段填好，然后，在 POST 上面应该会出现一个小小的 send Request 选项。把鼠标放在上面，然后点击，看看会有什么结果。
您最后要注意的是 test.blog.bitsrc.io/vs-codes-rest-client-plugin-is-all-you-need-to-make-api-calls-e9e95fcfd85a
结束
数据驱动着互联网，而随着职业生涯的进一步发展，Web开发人员最终会变得非常善于访问和转换数据以满足自己的需求。
以前，当获取托管在其他地方的数据时，Web开发人员经常会求助于Postman或Insomnia这样的工具，以拥有比命令行稍微好一点的界面，但现在有一个VS Code插件，它让代码编辑器之外的需求成为了过去，它叫REST Client，非常棒。
CRUD操作？没问题！支持GraphQL？没问题！认证选项？没问题！REST Client提供了所有这些选项以及更多，而且设置和使用起来非常简单。我肯定会在以后的项目中更多地使用它。
请过几周再回来看看——我将写更多有关JavaScript，React，ES6或其他与Web开发相关的内容。
谢谢你的阅读。我希望你能考虑用REST Client来处理你未来可能需要做的任何API查询，我想你会对它能提供的愉快体验感到惊喜，不需要任何API GUI。
原文地址：blog.bitsrc.io/
作者：Paige Niedringhaus
译文地址：segmentfault.com/a/1190000038223490
更多编程相关知识，请访问：编程学习课程！！
以上就是详解利用VSCode REST插件进行API调用的方法的详细内容，更多请关注自由互联其它相关文章！
本文共计1218个文字，预计阅读时间需要5分钟。
相关推荐： 《VSCode基础使用教程》 为什么要离开IDE去测试新的API？现在你不必这样做。 我们如何获取数据？如果你已经做了很长时间的Web开发，你可能知道我们的大部分工作都是围绕着这些进行的。
相关推荐：《vscode基础使用教程》
为什么要离开IDE去测试新的API？现在你不必这样做了。
我们如何获取数据
如果你已经做了很长时间的Web开发，你可能知道我们的很多工作都是围绕着数据展开的：读取数据、写入数据、操作数据，并以合理的方式在浏览器中显示出来。
而这些数据绝大部分都是由REST API端点提供的，通俗地说：我们想要的数据存在于其他服务或数据库中，我们的应用程序查询该服务来检索数据，并根据自己的需要使用数据。
在过去，为了在连接UI以接受数据之前测试REST API，通常必须通过终端的命令行查询API，或者使用像Insomnia或Postman这样的GUI(我在之前的博客中对它们进行了比较)。
但现在，如果你使用VS Code（为什么不呢，用它写代码多好啊！），生活就变得简单了。我们不再需要退出IDE来测试API，因为现在已经有一个插件可以做到这一点：REST Client。
使用REST Client是非常简单的，我将向您展示这个插件是多么简单，而且功能齐全。
认识VS Code REST Client插件
我是VS Code这个代码编辑器的粉丝，已经有好几年了，每次得知有人创建了一个新的有用的插件并添加到VS Code市场，我都会无比感激。
所以当我决定每次需要测试一个新的API路由时，都要启动Postman或Insomnia是一件很痛苦的事情，我发现了REST Client 这个插件，可以让这一切变得不必要。
REST Client是迄今存在的工具的最明显名称，其VS Code市场描述准确地概括了其功能：“REST Client允许您发送HTTP请求并直接在Visual Studio Code中查看响应。”
就这么简单。然后，它会提供大量的详细信息以及使用方法的示例，但实际上，它是VS Code中内置的HTTP工具。因此，让我们开始使用它。
安装REST Client
要找到它，打开VS Code中的市场扩展（左侧面板上的俄罗斯方块小图标），在搜索栏中输入 “rest client”，然后安装列表中的第一个结果（作者应该是Huachao Mao）。
安装完成后，我们可以继续进行设置。
设置REST Client脚本
只需在项目的根目录下创建一个以 .localhost:3003/registerUser。第一行末尾的 HTTP/1.1 与RFC 2616建立的标准有关，但是我不确定是否有必要，因此我将其保留只是为了安全。
然后，因为这是一个 POST，所以在请求中要包含一个JSON体，注意 Content-Type 和 body 之间有一行空行——这是REST Client有意要求的。所以，我们把所需的字段填好，然后，在 POST 上面应该会出现一个小小的 send Request 选项。把鼠标放在上面，然后点击，看看会有什么结果。
您最后要注意的是 test.blog.bitsrc.io/vs-codes-rest-client-plugin-is-all-you-need-to-make-api-calls-e9e95fcfd85a
结束
数据驱动着互联网，而随着职业生涯的进一步发展，Web开发人员最终会变得非常善于访问和转换数据以满足自己的需求。
以前，当获取托管在其他地方的数据时，Web开发人员经常会求助于Postman或Insomnia这样的工具，以拥有比命令行稍微好一点的界面，但现在有一个VS Code插件，它让代码编辑器之外的需求成为了过去，它叫REST Client，非常棒。
CRUD操作？没问题！支持GraphQL？没问题！认证选项？没问题！REST Client提供了所有这些选项以及更多，而且设置和使用起来非常简单。我肯定会在以后的项目中更多地使用它。
请过几周再回来看看——我将写更多有关JavaScript，React，ES6或其他与Web开发相关的内容。
谢谢你的阅读。我希望你能考虑用REST Client来处理你未来可能需要做的任何API查询，我想你会对它能提供的愉快体验感到惊喜，不需要任何API GUI。
原文地址：blog.bitsrc.io/
作者：Paige Niedringhaus
译文地址：segmentfault.com/a/1190000038223490
更多编程相关知识，请访问：编程学习课程！！
以上就是详解利用VSCode REST插件进行API调用的方法的详细内容，更多请关注自由互联其它相关文章！