🔥使用场景

在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"生成. 操作也很简单:

按"F1"键, 在控制台输入"generate" 找到"⚡ generate typescript type (生成ts类型)",回车.