1. “inlay hints” 的中文翻译可以是 “内嵌提示” 或 “行内提示”。这些提示是为了在代码编辑器中增强代码的可读性而提供的辅助信息。在 ts 的上下文中,它们通常显示变量、参数或返回值的类型等信息。
    2. ts inlay hints 是 Visual Studio Code (VSCode) 为 ts 提供的一项特性。这项特性通过在你的代码中嵌入额外的信息,来增强代码的可读性和易理解性。这些额外的信息通常以非侵入性的方式,直接嵌入到你的源代码中,但不会更改实际的源代码文件。
    3. 非侵入性:你可以非常直观地看到一些类型信息,但是实际上这些类型信息并非你手写的,也就是说,这些信息并不存在于源码中,仅仅是 vscode 提供的提示罢了。
    4. 这些 “inlay hints” 主要是为了帮助开发者快速理解代码的结构和类型信息,而不需要频繁地查看函数定义或其他部分的代码。它们在大型项目或与他人合作的项目中尤其有用,因为它们可以帮助快速理解函数的预期参数和返回值。
    5. 对于 VS Code 内置的 ts 支持,我们也可以通过一些配置项获得更好的开发体验。
      1. 首先,你需要通过 Ctrl(Command) + Shift + P 打开命令面板
        image.png
      2. 输入:preferences: open workspace settings
        image.png
      3. 打开【首选项:打开工作区设置】这一项
      4. 在搜索栏输入:typescript inlay hints
        image.png
      5. 根据右侧的描述,将自己需要的提示信息勾选上即可
    6. 推荐开启的提示(hints)功能
      1. Function Like Return Types 显示推导得到的函数返回值类型
      2. Parameter Names 显示函数入参的名称
      3. Parameter Types 显示函数入参的类型
      4. Variable Types 显示变量的类型
      5. ……(根据自己的实际需求自由调整即可)
    7. 效果展示:以下这些白色字体,都是提示(hints)
      image.png