vscode 懸停提示窗口

相信你在 VS Code 的編輯器里使用鼠標(biāo)的過(guò)程中，早就發(fā)現(xiàn)了，當(dāng)你的鼠標(biāo)移動(dòng)到某些文本上之后，稍待片刻就能看到一個(gè)懸停提示窗口。這個(gè)窗口里會(huì)顯示跟鼠標(biāo)下文本相關(guān)的信息。

比如，在我們的示例代碼中，當(dāng)我們把鼠標(biāo)移動(dòng)到第五行 foo 上后，懸停提示窗口里展示了 foo的類(lèi)型信息，它告訴我們 foo是一個(gè)函數(shù)，不需要任何的參數(shù)，返回值是 void。

如果我們把鼠標(biāo)移動(dòng)到 foo 上面時(shí)，按下 Cmd 鍵（Windows 上是 Ctrl），則能夠在懸停提示窗口里直接看到 foo的實(shí)現(xiàn)。

我們能看到這樣的信息，是因?yàn)檫@個(gè)功能也被包含在了 VS Code 的語(yǔ)言接口之中。VS Code 會(huì)告訴語(yǔ)言服務(wù)，當(dāng)前鼠標(biāo)所在位置的信息，語(yǔ)言服務(wù)會(huì)根據(jù)當(dāng)前的項(xiàng)目情況和代碼提供有用的信息。

在 JavaScript 或者 Java 這樣的編程語(yǔ)言中，當(dāng)我們把鼠標(biāo)移動(dòng)到某個(gè)變量上時(shí)，我們能夠看到這個(gè)變量的定義信息。而在 CSS 中，當(dāng)我們把鼠標(biāo)移動(dòng)到一個(gè) CSS 規(guī)則上時(shí)，我們能看到的則是一段能夠讓這個(gè) CSS 規(guī)則生效的 HTML 的樣例代碼。

當(dāng)然，除了語(yǔ)言服務(wù)，任何 VS Code 上的插件都能夠控制懸浮窗口里的內(nèi)容。