明天给大家介绍"any-type", 一个vscode插件, 他能够依据 javascript 字面量生成 typescript 类型.

应用场景

在ts中, axios申请的数据, 为了前面的操作, 咱们都是要手动标注类型的, 比方:

const response = await http.get<ResponseData>("/summary");

这里"ResponseData"类型就是对接口的形容. 上面模仿一个销量统计接口.

{    "code":200,     "data": [        {"name": "拼多多", "salesCount":"9999"},        {"name": "阿里巴巴", "salesCount":"8888"},        {"name": "京东", "salesCount":"7777"},    ]}

其类型形容:

type ResponseData = {  code: number;  data: { name: string; salesCount: string }[];};

能够预想到: "接口越简单, 类型就越简单".

⚡any-type

这种类型咱们能够通过"any-type"生成. 操作也很简略:

  1. 按"F1"键, 在控制台输出"generate" 找到"⚡ generate typescript type (生成ts类型)",回车.
  2. 在新弹出的输入框中输出JSON数据.
  3. 回车, "类型"会主动插入类型到编辑器.

装置

在vscode商店中搜寻"any-type".

⭐github

如果你感觉any-type不错, 请给我个小小的star吧.
https://github.com/any86/any-...

打算

  • [x] 输出接口地址, 发动http申请, 解析返回值.

有更好的想法请留言

学习互动

感激大家的浏览, 如有疑难能够加我微信, 我拉你进入微信群(因为腾讯对微信群的100人限度, 超过100人后必须由群成员拉入)