TreeDataProvider 中的可点击链接答案

【问题标题】：Clickable link in the TreeDataProviderTreeDataProvider 中的可点击链接
【发布时间】：2020-10-23 00:37:40
【问题描述】：

我创建了一个插件，它的响应在 TreeDataProvider 下显示为行。在那方面，除其他细节外，我有一个孩子作为“姓名”和另一个“网址”。是否可以将“名称”作为链接，当我单击该链接时，它会在后台在浏览器中打开 url？

修复后更新了图像。现在它在浏览器中打开外部链接。我可以只制作可点击的标签吗？另外，我可以在标签下划线以表明它是一个链接吗？

【问题讨论】：

【解决方案1】：

是的。您可以通过提供vscode.open 命令使树项可点击：

let treeItem: vscode.TreeItem = new vscode.TreeItem(name);
treeItem.command = {
    command: 'vscode.open',
    arguments: [vscode.Uri.parse(url)]
} as vscode.Command;

【讨论】：

谢谢！它就像一个魅力。我有另一个相关的查询。对于每一个树项目，我都有孩子。上面的代码使完整的树项可点击。是否可以只使标签可点击？另外，我可以在标签下划线吗？

【解决方案2】：

终于想通了：

            element.children[0].command = {
                command: 'vscode.open',
                arguments: [vscode.Uri.parse('https://www.google.com')]
            } as vscode.Command;

【讨论】：