需要澄清vs代码调试

Question

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

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

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

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

Answer 1

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

---

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

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

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

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

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

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

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

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

   • 该扩展用于单文件调试，根据 2020 年 6 月 ^ref 的注释，vscode 建议如下：

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

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

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

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

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

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