如何配置无需按Alt即可快速查看TypeScript导出接口的类型提示

问题原因 #

该现象是编辑器的TypeScript相关配置未开启类型别名自动展开导致的，你提供的示例代码语法、类型定义均无错误，按以下步骤调整配置即可解决：

配置步骤 #

• 如果你使用VS Code编辑器：
  • 打开设置页：Windows/Linux按快捷键Ctrl + ,，Mac按Cmd + ,
  • 第一步：开启TS悬停总开关
    搜索配置项TypeScript > Hover: Enabled，确认该选项的复选框处于勾选状态，这是TypeScript类型悬停提示的总开关。
  • 第二步：开启类型别名自动展开
    搜索配置项TypeScript > Preferences: Hover Type Expand Alias，勾选该选项，开启后悬停在自定义接口、类型别名上时会直接展开显示内部字段定义，无需按住Alt键查看。
    如果同时开发JavaScript项目，可以把同名的JavaScript配置项也同步开启
  • 第三步（前两步无效时操作）：适配TypeScript版本
    打开任意.ts后缀的文件，点击编辑器右下角显示的TypeScript版本号，在弹出的选择框中切换为「内置版本」或「工作区版本」，排除TS版本不匹配导致的提示异常。
  • 额外排查：如果上述操作后仍无效果，可以临时禁用其他第三方TS增强、代码提示类插件，排查是否存在插件冲突。
• 如果你使用JetBrains系编辑器（WebStorm/IDEA等）：
  进入设置→Languages & Frameworks→TypeScript，勾选「Show type hints on hover」相关选项即可。

内容的提问来源于stack exchange，提问作者Anna J.Rittle