REST Client

接口调试是前端开发过程中必须要面对的问题，虽然网络上有着层出不穷的调试工具，但是我相信大家用过最多的还是Postman，以至于后来还出现了PostWoman。

但是熟悉Postman的开发人员我相信对他是既爱又恨。

Postman

PostWoman

Postman 限制

1. 高级功能要付费

API 调试是可以的，但是如果你要编辑，版本控制使用团队共享功能，会不方便。

使用 Postman 付费版本，但这意味着你需要付费，并且你所在的所有团队都需要使用 Postman ，大家都需要付费，你能让别人去付费？？？

2.额外的软件，占用了宝贵的RAM资源

额外的软件当然会占用我们宝贵的RAM资源，这对于我们开发人员来说是绝对不能容忍的啊。

3.这真的不爽

相信VS Code这个开发神器是被越来越多的开发人员接受，丰富的可扩展性，稳定的性能等等这些优点，不得不说确实是微软的良心之做。如果我们在全神贯注地用VS Code开发时，遇到了REST API的需求，此时如果我们还需要打开另一个软件（Postman）去调试，是不是有种亚麻吃黄莲，有苦说不出的感觉～

REST Client特点在编辑器中发送/取消/重新运行HTTP请求，并在单独的窗格中查看响应，语法突出显示在编辑器中发送GraphQL查询并编写GraphQL变量在编辑器中发送cURL命令并将HTTP请求复制为cURL command自动保存并查看/清除请求历史记录在同一文件中组织多个请求（由###定界符分隔）直接在窗格中查看图像响应将原始响应和响应正文仅保存到本地磁盘折叠并展开反应体在响应预览中自定义字体（大小/系列/粗细）与预期份（预览响应仅标头，只有体，完整的响应和请求和响应）身份验证支持：基本认证摘要验证SSL客户端证书Azure活动目录为HTTP请求生成代码片段Python，使用JavaScript和等语言！记住Cookie以供后续请求代理支持发送SOAP请求以及代码段支持以轻松构建SOAP信封HTTP 语言支持.http和.rest文件扩展名支持语法高亮（请求和响应）自动完成方法，URL，标题，自定义/系统变量，MIME类型等注释（行以#或开头//）支持支持json和xml正文缩进，注释快捷方式和自动关闭括号诸如GET和等操作的代码段POST支持在打开的http文件中导航到符号定义（请求和文件级自定义变量）CodeLens支持添加可操作的链接以发送请求折叠/展开请求块使用REST Client

1.安装 REST Client 插件

2.创建一个 .http 或 .rest 文件

3.测试接口

符合 RFC 2616 标准的 POST 请求

POST  HTTP/1.1content-type: application/json{    "name": "sample",    "time": "Wed, 21 Oct 2015 18:27:50 GMT"}

4.发送请求，测试接口

准备请求后，请单击请求Send Request上方的链接，或使用快捷方式Ctrl+Alt+R（Cmd+Alt+R适用于macOS），或在编辑器中单击鼠标右键，然后Send Request在菜单中选择，或按F1，然后选择/键入Rest Client: Send Request，响应将在Visual Studio Code的单独的Webview面板。如果您想充分利用Visual Studio Code中的搜索，选择或操作功能，还可以通过将设置为来预览无标题文档中的响应。发出请求后，等待的旋转图标将显示在状态栏中，直到收到响应为止。您可以单击旋转图标以取消请求。之后，该图标将被替换为总持续时间和响应大小。rest-client.previewResponseInUntitledDocumenttrue

您可以将鼠标悬停在状态栏中的总持续时间上，查看响应时间的细分，还可以查看Socket，DNS，TCP，First Byte和Download的持续时间详细信息。

将鼠标悬停在状态栏中的响应大小上时，您可以查看header和body的细分响应大小详细信息。

REST Client Extension中的所有快捷方式仅适用于文件语言模式http和plaintext。

5.自定义环境变量

点击 Code => Preferences => Settings 打开设置，切换到 Workspace Settings ，配置 settings.json 文件：

  "rest-client.environmentVariables": {    "$shared": {        "version": "v1",        "prodToken": "foo",        "nonProdToken": "bar"    },    "local": {        "version": "v2",        "host": "localhost",        "token": "{{$shared nonProdToken}}",        "secretKey": "devSecret"    },    "production": {        "host": "example.com",        "token": "{{$shared prodToken}}",        "secretKey" : "prodSecret"    }}

http下面列出了上述环境变量在文件中的用法示例，请注意，如果切换到本地环境，version则将是v2；如果切换到生产环境，version则将是从$ shared环境继承的v1：

GET https://{{host}}/api/{{version}}comments/1 HTTP/1.1Authorization: {{token}}

更多功能：

总结

习惯了Postman ，但REST Client 确实是一个不错的工具，对于VS Code的忠实粉丝来说更是无可替代，。毕竟平时在进行协作开发时，在项目中增加一个 .http 接口请求文件，确实比重新打开一个软件要方便的多。