VSCode 调试 VueJS 断点显示 未验证的断点

rxliuli
  • 675

VSCode 调试 VueJS 程序断点无法进入,显示 未验证的断点

吾辈参照了官方的调试 VueJS 的配置示例:https://github.com/Microsoft/...
错误截图

clipboard.png

launch.json 的配置如下

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "vuejs: chrome",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}/src",
      "breakOnLoad": true,
      "sourceMaps": true,
      "sourceMapPathOverrides": {
        "webpack:///src/*": "${webRoot}/*"
      }
    }
  ]
}

不清楚发生了什么,是 VSCode 自身的 bug?还是说是吾辈有什么配置没有设置正确呢?

回复
阅读 8.3k
2 个回答
rxliuli
  • 675
✓ 已被采纳

吾辈至今仍未找到答案(或许,也不需要),现在来看,vscode 的调试功能并非如同想象中那么重要。
eslint 无时无刻的扫描以及自动热重载能够提前规避许多错误,而且目前而言 Google chrome 的调试功能已经相当不错,并不比 vscode 自身的调试弱(这里使用 cs-f 通过关键词定位到代码)
最后,对于 js 文件快速运行,吾辈个人比较推荐 quokkajs,真正意义上的 js 领域中的[所见即所得],对于快速测试 js 代码片段非常好用

谢邀!!!
我一直都是用JetBrains 的产品 从webstorm 到phpstorm到 goLand 都是很好的IDE
vscode没用过!

宣传栏