在VSCode中优雅的调试接口和找到另一半

2,065 阅读2分钟

1.REST Client

到VSCode插件中搜索REST Client,搜索到,点击install进行安装。

简单的使用

  1. 创建一个 .http文件

你可以在任意你喜欢的地方新建一个接口测试文件。

  1. 编写测试接口文件

最简单的方法,就是直接写上请求方式和要请求的地址,例如下面的就可以请求到我博客首页的数据列表。

GET https://apiblog.jspang.com/default/getArticleList  

当然你也可以再增加一些内容,让你的请求更标准些。比如加入HTTP传输协议版本,还比如你提交的是一个POST数据表达,你可以要求表达的数据是以json的形式提交,你就可以加入下面的代码。

GET https://apiblog.jspang.com/default/getArticleList  HTTP/1.1

content-type: application/json

{
    "data":"胖哥是最帅的"
}
  1. 发送请求,测试接口

点击Send Request,或者右键选择Send Request,都可以发送请求,如果一切顺利就会得到请求的结果。

2.Bracket Pair Colorizer

这里说的另一半说的可不是人生伴侣,而是代码括号的另一半。我们只要安装Bracket Pair Colorizer ,它就会为我们自动标签匹配,括号匹配。从此再也不用花时间再成对标签或者括号上了。

话不多说,直接干就完了,奥力给。打开VSCode,然后点击插件图标,进入插件,在搜索栏上搜索Bracket Pair Colorizer,然后找到如果插件,直接点击Install按钮进行安装。

插件的设置

在VSCode中使用快捷键Ctrl + ,,打开设置界面,在左边找到Extensions选项卡,找到BracketPair,这个配置项还是非常多的,多是对样子的一些简单设置,其实我个人是按照之后不作任何设置的。如果感兴趣的小伙伴,可以自己点击进行设置一下。