Vue 代码如何进行断点调试？【Vue 小技巧】
天将明skm:
老师，在浏览器调试的时候，走几步就跳转到第三方库文件了，怎么直接跳出当前第三方库文件，继续调试下一步呢
【回复】在这个文件直接右键会出现一个 add script to ignore list 选项，点了就行，然后重新调试的时候就不会跳这个文件里面来了
【回复】回复 @陕西男神代表 :卧槽
知识分享媛-小意-:
需要本节课源码和交流群的同学加我微信xiaoyesensenwx
何时学习:
vscode断点 unbound breakpoint 解决办法，改为如下配置。up主帮我置顶下
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "vuejs: chrome",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}/src",
"breakOnLoad": true,
"sourceMapPathOverrides": {
"webpack://${workspaceRootFolderName}/*": "${workspaceFolder}/*"
}
},
{
"type": "firefox",
"request": "launch",
"name": "vuejs: firefox",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}/src",
"pathMappings": [
{
"url": "webpack://${workspaceRootFolderName}/",
"path": "${workspaceFolder}/"
},
]
}
]
}
Watanukiの41:
为什么我在vs code里打断点 显示unbound breakpoint 有小伙伴有解决方法吗
【回复】{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "vuejs: chrome",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}/src",
"breakOnLoad": true,
"sourceMapPathOverrides": {
"webpack://${workspaceRootFolderName}/*": "${workspaceFolder}/*"
}
},
{
"type": "firefox",
"request": "launch",
"name": "vuejs: firefox",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}/src",
"pathMappings": [
{
"url": "webpack://${workspaceRootFolderName}/",
"path": "${workspaceFolder}/"
},
]
}
]
}
【回复】我也是，请问解决了吗[喜极而泣]
【回复】回复 @loveThank :没有 暂时用chrome自带的开发者工具source里找到文件设置断点
侯先生呀哦:
老师，直接在代码块debugger 也是可以把？大雪山楂:
请教大佬，如何在项目中使用这个方法。
美羊珜:
为什么我打断点和行号不匹配，最后用一个超级麻烦的办法解决的。
https://ckhconsulting.com/vue-typescript-debuggers/
Jiangyuexin123:
听哈老师讲课，如饮美酒，令人陶醉呀
