在Visual Studio Code中添加断点

50

我一定做错了什么事情,因为我无法在 Visual Studio Code 中添加断点。

当我右键单击代码时,会出现以下内容。(左键单击行号旁边也不起作用)

输入图像描述

我已经阅读了这里的文档 https://code.visualstudio.com/docs/editor/debugging#_breakpoints

它说明:

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

我不知道它是什么或者在哪里可以找到它。毫不夸张地说,初学者文档缺乏。


1
点击数字左侧。 - Henry Prickett-Morgan
3
F9也可能是一个键盘快捷键。 - jxramos
5个回答

137

1
我非常确定以前安装 VS Code 时不需要这样做... - Sam Tigle

30

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

"editor.glyphMargin": false,

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


24

2020年12月更新:

对于那些在查找debug.allowBreakpointsEverywhere时遇到困难的人。

点击“文件”->“首选项”->“设置”

然后搜索“debug.allowBreakpointsEverywhere”。勾选复选框,它会自动保存。干杯!

输入图像描述


2
当我更新到 VSCode 版本 1.52.0 后,这个设置变成了 false。 - JonathanC
更新后,此设置被关闭,我不明白为什么会这样做。 - Bhaskar Singh
这个答案非常有帮助。我找不到设置。 - Michele

8

编辑器的边距在行号左侧。

在那里左键单击应该会在所需行上设置断点。


使用这个软件已经好几年了,但是最近发现在数字区域左侧添加断点的功能不见了。我使用的是VS Code 1.52.0版本。 - Jonny

4

好的,Visual Studio Code有些bug。

我无法在行号旁边进行左键单击。但是当我进入调试视图并开始尝试下面看到的所有框时,它开始工作了,这一定是激活了某些东西:

enter image description here


你确定在 app.js 文件中第 70 行左侧边距上没有断点标记吗? - Filburt
@Filburt 我是在它开始工作后才添加的 :) 在我调整图像中的框之前,左键单击没有任何反应。这可能是代码中的一个小错误。 - basickarl
看起来我在VS Code v1.17.2上遇到了同样的问题。有趣的是,当我输入“debugger”时,VSC会在那一行中断,但仍然无法使用F9或鼠标单击行号之前设置断点。@Karl:你具体做了什么来使断点设置再次工作? - robert
1
事实证明,在HTML文件中,我无法在<script>标签内设置断点,但在纯JS文件中可以。 - robert

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接