在Visual Studio代码中,当我console.log(something)
时,在右侧的控制台中,我会得到一个指向右侧文件和行的链接。如果我将鼠标悬停在此链接上,我会得到完整路径。当我按住Ctrl键并单击此链接时,我会被带到代码中的相应位置。
调试控制台示例
如何使用console.log()
或任何其他函数输出这样一个自定义链接,使其仅显示为一个短名称,当我将鼠标悬停在其上时,它会显示完整路径,当我按住Ctrl键并单击此链接时,我会被带到代码中的相应位置?
我尝试过file://path/to/file
或vscode://file/path/to/file
之类的东西,但它总是打印出完整的路径,这在调试行中占用了大量空间。
如何像内置调试器控制台那样只获取链接的一个别名?
1条答案
按热度按时间xzabzqsa1#
你所指的文件源指示符不是你可以用
console.log
创建或控制的东西。它是VS Code提供的调试工具的一部分,(我敢打赌)是JavaScript/TypeScript语言扩展提供的调试支持的一部分。在你控制之下的是你console.log
的内容,它显示在屏幕截图的左边。至于在调试输出面板中创建带有自定义文本的链接,我认为这是不可能的,NodeJS没有提供这样的机制(参见Put link in console.log(). Node.js),因为它非常依赖于终端。终端可以提供创建自定义文本链接的机制,但同样,该机制的设计取决于它们。至于VS代码的调试输出面板,它会自动检测某些链接,如
https://
和file://
,我相信它确实会检测工作空间中文件的相对文件路径,但是没有提供一个面向用户的机制来定制链接的可见文本,但是你可以考虑设计和编写一个扩展来做这类事情。我想你可以通过写一个DocumentLinkProvider
来实现。