开源一个个人写的小工具，用于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 。