要回答任何特定情况下的这个问题，至少需要使用launch.json配置和源文件夹结构。我有一个上周的真实故事来说明原因：

背景

我最近继承了一个相对较小的Vue项目，立即遇到了同样的问题。VSCode中的断点在我所有的源文件中都很“跳跃”。
这个项目不是用VSCode开发的，所以在源代码管理中没有launch.json。我第一次天真地尝试调试配置如下：

{
  "type": "chrome",
  "request": "launch",
  "name": "Launch Chrome",
  "url": "http://localhost:8080",
  "webRoot": "${workspaceRoot}",
  "sourceMaps": true
}

一个非常重要的细节是源文件夹的结构，它看起来像这样：

D:\TST\PROJECT
└───src
    │   main.js
    │
    ├───components
    │       AnotherComponent.vue
    │       SomeComponent.vue
    │
    └───services
            myservice.js
            yourservice.js

"修复它"
最容易发现的问题是webRoot。因为我的源文件都在src文件夹中，所以这需要指向${workspaceRoot}/src，而不仅仅是${workspaceRoot}。这样做就修复了src/components下的.vue文件中的所有跳跃。不幸的是，main.js和services文件夹中的文件中的断点仍然跳跃。
下一步是在launch.json配置中添加一个sourceMapPathOverrides键，VSCode会自动完成我认为是默认值的内容：

"sourceMapPathOverrides": {
    "webpack:///./*": "${webRoot}/*",
    "webpack:///src/*": "${webRoot}/*",
    "webpack:///*": "*",
    "webpack:///./~/*": "${webRoot}/node_modules/*",
    "meteor://💻app/*": "${webRoot}/*"
  }

我让这些保持原样，并添加了两个条目。为了修复main.js，我添加了：
"webpack:///./src/*": "${webRoot}/*",
并修复我添加的services文件夹中的文件：
"webpack:///./src/services/*": "${webRoot}/services/*",
此时，我的所有断点在整个项目中的所有文件中都有表现。
"但为什么“
不幸的是，我不能告诉你为什么我需要这两条神奇的线，甚至不能告诉你它们到底有什么作用。
不过，我可以告诉你我是怎么发现它们的。在Chrome的devtools中，我深入到“Sources”选项卡的webpack://部分。我注意到src/components显示在“root”（绿色箭头）中，而我的其他源代码（红色箭头）没有。它们只显示在.（红色圆圈）下。

• 声明 *：我不是Vue、webpack、chrome调试协议、源Map或vue-loader方面的Maven，我只是另一个希望在IDE而不是浏览器中设置断点的开发人员。

可能编辑器和调试器对“换行符”的解释不同。请检查代码使用的是\r还是\r\n，然后将其更改为另一个。

TL;DR-确保您的代码确实被引用/调用

在我的例子中：

• node.js服务器应用程序
• 在第209行设置断点（方法“InsertClients”中的第一条语句）

IDE会自动将断点移到文件的底部，即第649行。
我靠！
我终于发现：这是因为我给这个方法命名不正确：“插入客户端”而不是“插入客户端”
因此，IDE一定是因为代码永远不会被执行而产生的，因此将断点放置在方法定义之后将要执行的下一段代码上......这是应用程序的右括号（或类似的东西）。

将"sourceMaps": true,添加到launch.json修复了此问题。

我认为你实际上是想在一句话的中间设置断点。
它实际上是一条语句。
考虑以下陈述。
您可以在它前面设置一个断点。
〉x1月1x
如果你把它写成

var obj = { //can set break point here
 a: value1, //you can't set break point in this line 

 b: value2 //you can't set break point in this line 
}