如何在 VSCode、TypeScript 中查看 hover 的完整類型定義？

Question

將鼠標懸停在 VSCode 中的變量或 function 上通過顯示其類型非常有用。 但是，在某些用例中，我希望查看變量的完整類型定義，而不僅僅是類型別名。

例如：具有完整類型的 UseState 將允許我查看變量活動的完整類型：

.

但我真的很想推斷該類型定義並將其導出，以便其他組件也可以使用它。 所以當我把事情改成這樣時： 和 hover 在變量上它只顯示類型別名。 如何讓 TypeScript 或 VSCode 發出類型別名的完整類型定義？ 謝謝！

Answer 1

不幸的是，我不認為你想要什么是可能的。

VSCode 的 hover function 僅旨在為您提供有關該值的快速類型信息，而不是完整類型。 事實上，我相信這個功能是由 TypeScript 直接驅動的，所以 VSCode 無法控制顯示的內容......

最后一點是顯示的大小是有限的（可能是出於性能原因），所以即使在顯示類型定義的情況下，如果它太長，它有時也會簡單地截斷它。

Answer 2

右鍵單擊並單擊go to Type Definition應始終將您帶到 typescript 類型。

Answer 3

測試這個：

const [campaigns,setCampigns]= useState<{ [K in keyof campaigns]: campaigns[K]}>()

不是最佳的，但無論如何你都可以這樣做。

Answer 4

您可以嘗試選項 Peek Definition Alt + F12在這種情況下可能會有所幫助。

Answer 5

Go 到鍵盤快捷方式並添加快捷方式到“添加查看定義”。 這適用於 Typescript 和 Golang 結構。 就我而言，我使用的是 alt+command+P。

我將突出顯示變量並按下鍵盤快捷鍵，類型定義會像屏幕截圖一樣顯示。

Answer 6

要獲取類型定義，您需要設置Peek 類型定義命令的快捷方式。 默認情況下，它沒有任何價值。

首先，您需要使用Ctrl+k Ctrl+s或通過 UI 將 go 設置為鍵盤快捷鍵。

然后在搜索欄中輸入Peek Type Definition 。 您將看到相應的命令。

雙擊它並按首選快捷方式。