关于前端:VScode-VScode浮窗显示完整的ts类型定义

1次阅读

共计 854 个字符,预计需要花费 3 分钟才能阅读完成。

在 vscode 中写 ts 我的项目时,当定义的 type 构造体很大 (即 key 十分多) 的时候
鼠标悬停在变量上,显示的类型提醒弹窗中,类型定义是被折叠起来的。

(能看到 … xxx more …)

然而没有一个可操作的交互可能让这个折叠开展。

这是个 2018 年就被提出的 issue,当初仍然是 open 状态
(Interactive Diagnostics)
https://github.com/microsoft/vscode/issues/64566

同样的问题
(Show full type in typescript type hover hint)
https://github.com/microsoft/vscode/issues/76480

一个可用的解决办法是:
1、找到 VScode 的装置目录
VSCode-install-path/resources/app/extensions/node_modules/typescript/lib/tsserver.js

(以我的 windows 零碎装置门路举例:
D:\VScode\resources\app\extensions\node_modules\typescript\lib\tsserver.js)

2、关上 tsserver.js
搜寻 “defaultMaximumTruncationLength”
找到 “ts.defaultMaximumTruncationLength = 160” 这一行
(在 VScode 1.71.0 中, 下面这句呈现在 14338 行)

3、批改参数
“ts.defaultMaximumTruncationLength = 600” 保留

注: “600” 这个值不是固定的,只有够本人应用,类型推断不折叠就行了,600 不够的话再大点设置到 1000 也是有可能的。

4、重启 VScode

实现下面的设置之后,再看 hover 变量之后的悬浮窗,曾经没有折叠了。

完结。

同步更新到本人的语雀:
https://www.yuque.com/dirackeeko/blog/ogql2owk2g71hbg2

正文完
 0