H5W3
当前位置:H5W3 > 其他技术问题 > 正文

vscode调试vue不能设置断点?

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

回答:

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

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

回答:

参考以下文章:
https://segmentfault.com/a/11…

回答:

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

回答:

https://stackoverflow.com/que…

回答:

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

回答:

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

本文地址:H5W3 » vscode调试vue不能设置断点?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址