JSON/JS 对象自动生成 Typescript 的 interface 类型

2022-04-06 16:28:50 +08:00
 JerryY

最近刚好用到了 ts, 但是发现在定义类型的时候总是去对着后端给的结构一个一个对照着写属性比较麻烦,就顺手写了个小工具,可以基于 JSON 格式或者 JS 对象来生成对应的 interface ,有需要的朋友可以尝试一下~

工具在线地址:https://jerryyuanj.github.io/x2interface/

截图:

欢迎 Issue ,PR ,Star ~

4257 次点击
所在节点    JavaScript
30 条回复
wunonglin
2022-04-06 21:51:36 +08:00
后端写 swagger ,前端 ng 生成 service
wunonglin
2022-04-06 21:52:18 +08:00
另外建议用 class ,而不是 interface
JerryY
2022-04-06 22:07:39 +08:00
@wunonglin 这个 interface 不是 java 的那个 interface
JerryY
2022-04-06 22:11:38 +08:00
@Kilerd 我去瞅瞅
CoderLife
2022-04-06 22:13:34 +08:00
erguotou521
2022-04-06 22:35:09 +08:00
JerryY
2022-04-07 14:40:28 +08:00
@erguotou521 感觉场景不太一样。。
ymcz852
2022-04-07 14:53:08 +08:00
看了这帖子学到了
好奇有没有办法将 Knife4j 生成的文档里的请求参数生成 ts 类型
ymcz852
2022-04-07 14:56:38 +08:00
复制出来是这个样子的

| 参数名称 | 参数说明 | in | 是否必须 | 数据类型 | schema |
| -------- | -------- | ----- | -------- | -------- | ------ |
|im-token|im-token|header|false|string||
|userPhone||query|false|string||
|userUuid||query|false|string||
JerryY
2022-04-07 15:31:45 +08:00
@ymcz852 思路应该是 csv -> json -> interface 这样?按理说只要是能解析出来的格式都可以做转换,楼上贴的链接基本都是这样的思路。我这个实现也很简单,就是简单的转换 JSON 再拼接 interface 字符串而已~

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/845273

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX