visual-studio-code - 需要澄清vs代码调试

Question

谁能解释我在互联网上找到的 VSCode 上的这三个调试符号？

我的 vs 代码有一个带有播放图标的代码。

所有关于调试的在线演示都有一个在中间。我怎么得到它？

此外，节点 js 调试已安装，但我认为它显示为已禁用，我找不到启用它的选项。

标签： visual-studio-codevscode-debugger

Answer 1

直接回答您的问题 [TL;DR]：如果您使用的是最新版本的 vscode，您已经拥有它。它将带您到与右侧相同的视图

---

如果您查看 codicon libray ^ref，则您指出的中间那个不存在。

Visual Studio Code 在 2020 年 2 月的^参考文献中进行了更改，将运行和调试合并为更和谐的东西：

用户研究表明，新用户很难找到如何在 VS Code 中运行他们的程序。一个原因是现有的“调试”功能与“运行”程序无关。出于这个原因，我们让“运行”在 UI 中更加突出。

• 主菜单 Debug 变成了 Run 菜单。
• 运行和调试视图已变为运行视图，并且相应的活动栏图标现在显示一个带有小“错误”装饰的大“播放”图标。

所以换句话说，没有区别。“运行”和“调试”视图是同义词，图标反映了这些更改。正如他们所指出的，调试视图现在称为“运行”视图，但它仍然提供调试和断点。

但是，您遇到了两种可能性：

1. 您使用的教程和指南已过时（显示 vscode 的过时版本）

2. 教程或指南正在使用提供调试功能的扩展。扩展程序可以控制您看到的图标

   • 该扩展用于单文件调试，根据 2020 年 6 月的^参考说明，vscode 建议如下：

   对于希望通过向编辑器添加“运行”和/或“调试”按钮来改善单个文件调试体验的调试扩展，我们建议遵循以下准则以获得一致的外观：

   • 在 package.json 中提供运行和/或调试命令（请参阅模拟调试）：
     • 使用命令标题“运行文件”/“调试文件”或“运行 Python 文件”/“调试 Python 文件”。
     • 使用 $(play) 图标进行运行，使用 $(debug-alt-small) 进行调试。

他们的codicon 库在 6 月更新以反映以下内容：

如您所见，它们都没有像“运行”这样的措辞前缀，但它们都代表相同的功能。

此外，您可能还会看到此图标：

这表示您的调试输出将转到的面板（视图）。