visual-studio-code - VS 代码如何在鼠标悬停时显示完整的 typescript 定义

Question

我正在将 React 项目从 jsx 转换为 tsx 文件。
我需要一个常量类型的完整预览:

const canvasProps = {
  setPorts,
  setBoxes,
  setLines,
  selected,
  setSelected,
  actionState,
  setActionState,
  ... // and more
};

悬停在 canvasProps我得到预览:

const canvasProps: {
    setPorts: React.Dispatch<React.SetStateAction<{
        shape: string;
        id: string;
        name: string;
        port: portType;
        ref: any;
    }[]>>;
    setBoxes: React.Dispatch<React.SetStateAction<BoxType[]>>;
    ... 13 more ...;
    toggleFlowVisibility: (flow: any) => void;
}

我需要获得这个常量的完整类型定义，这意味着查看额外的 13 种类型。
(为什么我需要这个？我需要声明 React.Context 的属性，这取决于尚未声明的函数(在函数组件内))
所以我可以在不努力的情况下获得完整的类型定义吗？

Answer 1

设置 "noErrorTruncation": true ，如上一个答案中所建议的，不适用于这个问题。
一个真正有效的快速修复将是......一个更具攻击性的解决方案;p
从打开开始

<Microsoft VS Code install folder>/resources/app/extensions/node_modules/typescript/lib/tsserver.js

并且，在第 13471 行(到目前为止)附近，更改:

ts.defaultMaximumTruncationLength = 160

到更高的东西，比如

ts.defaultMaximumTruncationLength = 800

这会让你得到你所期待的。一个不错的 800 个字符长最大类型定义悬停。当然，您可以根据需要进行自定义。
这可能无法维护，因为您需要在每次 Visual Studio Code 更新后再次执行此操作，但它运行良好，并且您最终会在悬停时获得完整类型。
请注意，您需要重新启动 tsServer。在 Visual Studio Code 中这样做:

按 ctrl + shift + P

类型 restart ts server

按回车键。

等待几秒钟，它相当快。