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

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

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

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

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

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