跳到主要内容位置

开源一个个人写的小工具,用于rap(一个接口管理平台)转ts代码格式用

开源一个个人写的小工具,用于rap(一个接口管理平台)转ts代码格式用#

最近在写 ts 相关的前端项目时,总是要给类型加限定,比如let go:string='';这种,还有一些接口,虽然方便理解阅读了,但是写起来很麻烦啊,我这样的懒人怎想一个一个慢慢的写?于是,开发了一个小工具,用于一键生成使用,现在分享给大家!

线上访问地址:https://jack-zhang-coming.github.io/rap-to-ts/#

源码安装与二次开发#

源码 github 仓库:https://github.com/JACK-ZHANG-coming/rap-to-ts

把项目拉取到本地,然后运行以下命令

npm install#

安装项目依赖

npm start#

运行项目


使用说明#

🤪 What is it?#

本工具是为了解决咱们前端在联调 rap 接口管理平台文档时,需要完成xxx.d.ts这样的文件ts 接口的代码抒写,要重复复制粘贴好多次接口文档里面的属性名的问题。 本工具追求的是一次性全复制,一键生成想要的代码。

🍳 How to use?#

以 情指勤督宣项目中 实时警情检测-警情处置接口文档为例:

http://rap2.taobao.org/organization/repository/editor?id=288614&mod=477198&itf=2078459

1 点击导出 json 文件#

image-20211203170333052

2 打开这个文件,复制所有内容#

我这里是直接把这个文件拖拽到浏览器上面,然后就自动显示了,之后我直接把文件里面的所有内容复制

2.1 打开文件#

image-20211203171452271

2.2 复制里面所有内容#

ctrl+a , ctrl+c,复制所有内容

image-20211203171507234

3 将复制的 json 内容放入 本工具 的 【转换前 rap 导出的 json 内容:】这一栏:#

image-20211203172403979

4 根据所需,导出对应的 ts 格式#

image-20211203172824281

5 直接将导出的内容全部复制到开发的代码中即可使用#

image-20211203173010651

Other#

本工具目前仅支持 String、Number、Boolean 基础类型的 ts 格式直接转换,如果是 Array、Object 类型转换的则为 any 类型,可根据自己所需进一步更改,欢迎 Issuse 与 Pull requests 。