🔥摸鱼系列,一键生成TS+Interface+接口

1,831 阅读1分钟

这是我参与8月更文挑战的第1天,活动详情查看:8月更文挑战

今天给大家推出一份新鲜的摸鱼神器,请看噔噔蹬蹬。。。

搞错了,再来!

不知道大家在用TS的时候,有没有遇到过这种问题,
明明后端接口里已经定义了类型,为啥咱们还要写Interface,

今天我就带着这个疑问,给大家带来一款摸鱼神器 API-TO-TS

摸鱼工具

  1. 内部封装了常用的axios,uni-require请求(继续完善中),
  2. 自动生成Interface文件
  1. 自动生成调用接口调用方法(有啥事不能调一下解决的?)
  2. 自动生成接口地址

开始摸鱼

1. 首先咱们先安装起来
npm install api2code -g
2. 然后打开YAPI

导出SwaggerJSON文件,放到项目根目录

3. 生成代码

执行api2code generator axios ./swaggerjson.json

生成的目录结构

摸鱼内容

首先咱们打开httpApi.ts文件

里面已经把方法给生成好了,调用就完事了,

当然了 TS最重要的其中一点就是类型推断了 mama在也不用担心我参数传错了

然后咱们打开http.interface.ts文件看看

里面已经把接口的类型全部定义好了

image.png

剩下的文件我就不过多演示了,大家可以生成出来看一下

由于时间有限这只是个初版,后期会支持其他格式JSON文件以及其他的生成方式,

有什么想法或者问题可以私信给我留言 我一定会加以改善

相信喜欢摸鱼的你,一定会喜欢上这款工具哒

顺便附上github地址

github.com/Muffin-Man0…