vscode调试vue不能设置断点?

发布于 2022-09-06 15:06:03 字数 438 浏览 9 评论 0

1.在vscode中debug vue项目(通过vue-cli生成),已经成功启动debug,但是设置断点时候显示“由于未找到生成代码,已忽略断点”,请问vue项目是不能够用vscode debug这个来调试的么?
2.debug的launch.json配置:
clipboard.png
3.设置断点时候被忽略:
clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

_畞蕅 2022-09-13 15:06:03

前端不管你写得多么酷炫,在浏览器跑的永远是html css JavaScript。
vs code 断点主要是后端nodeJS的代码。
根本不是一回事。

所以,你应该代码里加debugger在浏览器打开开发者工具进行调试。

眉黛浅 2022-09-13 15:06:03
少跟Wǒ拽 2022-09-13 15:06:03

原谅我见识少,代码debug不是在需要打断点的地方写上debugger就行了吗?

无人接听 2022-09-13 15:06:03

如果是用vue-cli构建的项目需要做一些配置上的调整,具体请参考Vue的CodeBook
在 VS Code 和 Chrome 中调试

小兔几 2022-09-13 15:06:03

vscode需要配置chrome debugger插件; 然后映射代码源; 就可以直接在ide中调试了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文