博客 / 詳情

返回

[VScode] VScode浮窗顯示完整的ts類型定義

在vscode中寫ts項目時,當定義的type結構體很大(即key非常多)的時候
鼠標懸停在變量上,顯示的類型提示彈窗中,類型定義是被摺疊起來的。

image.png
(能看到 ... 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

user avatar webxejir 頭像 xuriliang 頭像 lfaith 頭像 barry_5a71d0d9f06db 頭像 feynman9966 頭像
5 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.