如何在 Visual Studio Code 中将鼠标悬停在状态栏项目上时创建自定义对话框

Question

我正在开发 Visual Studio Code 扩展，在这种情况下，我使用 status bar api 来创建状态栏项目。该 API 相对基础，它仅提供

tooltip

属性作为悬停操作。但广泛使用的 VS Code 扩展“GitLens”在悬停时提供了一个自定义对话框，因此它可以显示更多、更好的结构化信息。

我的问题是如何在将鼠标悬停在状态栏项目上时创建自定义对话框？

我尝试查看相应的存储库中的源代码，但由于这个项目的复杂性，我自己无法弄清楚。

Answer 1

由于 vscode.StatusBarItem.tooltip 的类型是

string | MarkdownString

，我们可以通过 markdown 创建富文本：

const statusBarItem = window.createStatusBarItem();
statusBarItem.text = 'test';
statusBarItem.tooltip = new MarkdownString('[google](https://www.google.com)');
statusBarItem.show();