在 Visual Studio Code 中添加断点答案

【问题标题】：Add breakpoint in Visual Studio Code在 Visual Studio Code 中添加断点
【发布时间】：2016-12-19 18:54:36
【问题描述】：

我一定是在做一些愚蠢的错误，因为我似乎无法在 Visual Studio Code 中添加断点。

当我右键单击我的代码时会弹出以下内容。（在行号旁边左键也不起作用）

它说：

可以通过单击编辑器边距来切换断点。

我不知道它是什么或在哪里找到它。至少可以说缺乏初学者的文档。

【问题讨论】：

【解决方案1】：

转到VS->Settings->Debug 并将“debug.allowBreakpointsEverywhere”更改为 true。

【讨论】：

这正是我的解决方案，我在 HTML 文件中编辑 JS 时无法设置断点。
天啊，这该死的混乱了这么久。 Visual Studio 代码非常好用和简单，但这肯定是一个明显的遗漏。
大声笑.. 它可以工作.. 但是.. 为什么我必须用谷歌搜索此页面才能使其工作？天哪，在如此出色的 IDE 上犯了一个大错误
是的，我的 PHP 文件也一样，为什么这是默认值...也许在文档中建议它：code.visualstudio.com/Docs/editor/debugging#_breakpoints
我很确定我之前安装 vs 代码时不必这样做......

【解决方案2】：

我也遇到了这个问题。确保你没有

"editor.glyphMargin": false,

在您的用户或工作区设置中。

【讨论】：

【解决方案3】：

截至 2020 年 12 月

的更新答案

对于那些无法找到 debug.allowBreakpointsEverywhere 的人。

文件->首选项->设置

然后搜索“debug.allowBreakpointsEverywhere”。单击复选框，然后它将自动保存。干杯！

【讨论】：

【解决方案4】：

编辑器边距留给行号。

左键单击应该在所需的行上设置一个断点。

【讨论】：

【解决方案5】：

好的，Visual Studio 代码有问题。

但是，我无法在行号旁边单击鼠标左键。当我进入调试视图并开始使用下面看到的所有框时，它开始起作用了，它必须激活一些东西：

【讨论】：

你确定app.js的第70行左边没有断点标记吗？
@Filburt 我在它开始工作后补充说:) 在我摆弄图像中的框之前，左键单击没有任何反应。可能是代码中的一个小错误。
看起来我对 VS Code v1.17.2 有同样的问题。有趣的是，当我键入“调试器”时，VSC 会在该行中断，但我仍然无法在行号之前使用 F9 或鼠标单击设置断点。 @Karl：你究竟做了什么让设置断点再次起作用？
事实证明，在html文件中我不能在