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

在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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理