如何让TypeScript hover时显示联合类型成员而非类型别名？

你定义的AIOAllNames是两个联合类型的组合，TypeScript默认会保留类型别名的引用，hover时只会显示AIOId | AIOXNames而非展开的所有成员。要实现hover时显示完整的联合成员列表，可以用以下两种方法：

方法一：用工具类型强制展开联合类型 #

先定义一个通用的Expand工具类型，用来展开类型的引用：

type Expand<T> = T extends infer U ? U : never;

然后修改AIOAllNames的定义：

export type AIOId = 'AIO1' | 'AIO2' | 'AIO3' | 'AIO4';
export type AIOXNames = 'AIO1X' | 'AIO2X' | 'AIO3X' | 'AIO4X';
export type AIOAllNames = Expand<AIOId | AIOXNames>;

此时hoverAIOAllNames，就能看到展开后的完整成员列表：'AIO1' | 'AIO2' | 'AIO3' | 'AIO4' | 'AIO1X' | 'AIO2X' | 'AIO3X' | 'AIO4X'。

如果需要处理更复杂的嵌套类型，可以使用增强版的Expand：

type Expand<T> = T extends object 
  ? { [K in keyof T]: Expand<T[K]> } 
  : T;

方法二：直接内联合并类型（简单场景适用） #

若不需要单独复用AIOId和AIOXNames，可以直接把AIOAllNames写成完整的联合类型：

export type AIOAllNames = 'AIO1' | 'AIO2' | 'AIO3' | 'AIO4' | 'AIO1X' | 'AIO2X' | 'AIO3X' | 'AIO4X';

这种方式最直接，但无法复用已有类型的定义。

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