TypeScript中如何查看合并后Interface的最终结构？

针对分散定义的TypeScript接口无法直接查看合并后完整结构的问题，有几个实用方法：

• 使用VSCode快速查看类型功能：选中代码中的接口名A，按下快捷键Ctrl+Shift+I（Windows/Linux）或Cmd+Shift+I（Mac），VSCode会弹出面板直接展示合并后的完整接口结构。

• 临时创建类型别名：在代码里添加一行临时代码：

  type MergedA = A;
  

  鼠标悬停在MergedA上，就能看到合并后的A的完整结构，用完后删掉这行即可。

• 利用重构提取类型：选中变量k的类型标注A，右键选择「重构」->「提取类型」，VSCode会自动生成包含合并后完整结构的新类型，查看完成后可删除该生成类型。

示例代码参考：

//part 1
interface A {
  a:string;
}

//part 2
interface A {
  b:string;
}

// 临时添加的类型别名，用于查看合并结构
type MergedA = A;

let k:A = {a:'a', b:'b'};

内容的提问来源于stack exchange，提问作者rick