transtype: 你的VSCode TypeScript类型生成器!

🌈 transtype: 你的VSCode TypeScript类型生成器!

在这里插入图片描述

VSCode插件,能够将json数据或经过谷歌浏览器插件Atom Honeycomb格式化后的markdown表格数据转换成TypeScript类型定义。

谷歌浏览器插件点击直达

📸 示例演示

  • 通过浏览器插件Atom Honeycomb将语雀表格数据格式化后,使用transtype插件生成TypeScript类型。

在这里插入图片描述

📦 安装

  • 打开VSCode,前往插件商店,搜索 “transtype”,一键安装,让你的代码库焕发新生!

🔧 使用指南(轻松三步走)

第1步:启动魔法
  • 按下 F1 键,召唤出VSCode的控制台。
  • 输入 “transtype”,选择那个带有🌿图标的选项,开启TypeScript类型生成的魔法之旅!

在这里插入图片描述

第2步:输入咒语
  • 在弹出的神秘输入框中,输入你的json数据或格式化后的markdown表格数据。这将是我们的咒语原料!

在这里插入图片描述

第3步:见证奇迹
  • 轻轻一击回车键,TypeScript类型就如同魔法一般自动出现在你的编辑器中,为你的数据赋予结构和意义。

在这里插入图片描述


两种方式详解:

  1. 直接使用JSON数据:

    • 将你的JSON数据直接复制粘贴到VSCode的“transtype”插件输入框中。
    • 回车,插件将自动将JSON数据转换为TypeScript接口。
  2. 使用Atom Honeycomb格式化Markdown表格:

    • 首先,确保你已经安装了谷歌浏览器插件Atom Honeycomb
    • 在语雀或其他Markdown编辑器中编辑你的表格数据。
    • 使用Atom Honeycomb将Markdown表格数据格式化为JSON。
    • 将格式化后的JSON数据复制粘贴到VSCode的“transtype”插件输入框中。
    • 回车,插件将自动将格式化后的JSON数据转换为TypeScript接口。

🌈 对于后端接口语雀文档表格定义字段的要求

以下为最佳示例

在这里插入图片描述

对于嵌套数组

在这里插入图片描述

对于嵌套对象

在这里插入图片描述

具体表现为:
  • 表格为四项
  • 名称
  • 类型
  • 是否必填
  • 字段描述
下列是对四个表头的具体描述/要求:

● 名称

  • 字段名称
  • 驼峰法命名
  • 如果该项为数组的某一项,则该名称以└ 开头,直至该组数组的所有项穷举完毕

● 类型标记映射

  • 字符类型 — 【String、string】
  • 数字类型 — 【Number、number、Int、int、Integer、interge】
  • 布尔类型 — 【Boolean、boolean】
  • 数组类型 — 【List、list、Array、array】

● 是否必填

  • M — 【必填】
  • O — 【非必填】

● 字段描述

  • 无特别要求,正常描述即可

🍭 反馈与建议

  • 有更棒的想法或魔法配方?点这里留言,让我们一起让魔法更加强大!
生成代码三、银行卡信息表,表名为cardInfo ( 银行卡号:cardID,数据类型为CHAR(19),非空。6216 6653 xxxx xxxx 货币类型:curType,数据类型为 CHAR(5),非空,默认值为RMB 存款种类:savingType,数据类型为CHAR(8),非空,存款种类取值只能为活期/定活两便/定期三种 开户日期:openDate,数据类型为DATETIME,非空,默认为系统当前日期 开户金额:openMoney,数据类型为MONEY,非空,开户金额不低于1元 银行卡余额:balance,数据类型为 MONEY,非空。 银行卡密码:pass,数据类型为CHAR(6),只能是6位,非空,默认值为’888888’ 银行卡是否挂失:IsReportLoss,数据类型为BIT, 必填,取值只能为true或false 顾客编号:customerID,数据类型为INT,非空,外键,表示该卡对应的顾客编号,一位顾客可办理多张卡 是否VIP:IsVIP,数据类型为BIT, 必填,取值只能为true或false,默认值为false 银行卡号和存款种类共同构成主键:Primary key(cardID,savingType) ) 四、交易信息表,表名为transInfo ( 交易编号:transID,数据类型为INT,主键,自动编号(标识列),从1开始,增量为1 操作员编号:userID,数据类型为uniqueidentifier,非空,外键 操作员类型: userType ,数据类型为VARCHAR(20),非空,取值只能为:ATM或营业员两种 交易时间:transDate,数据类型为DATETIME,非空,默认为系统当前日期 交易类型transType,数据类型为VARCHAR(20),非空,取值只能为存入或支取 银行卡号:cardID,数据类型为CHAR(19),非空。 交易金额:transMoney,数据类型为 MONEY,非空,交易金额必须大于0 交易号:curTransID,数据类型为VARCHAR(500),允许空,转帐操作对应的交易号 备注:remark,数据类型为VARCHAR(50),允许空 )
06-10
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值