VS code 利用Debugger for Chrome插件 debug vue项目

先用命令行启动项目
launch.json
{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "Launch Microsoft Edge and open the Edge DevTools",
"request": "launch",
"type": "vscode-edge-devtools.debug",
"url": "http://localhost:8080",
"sourceMapPathOverrides": {
"webpack:///./": "{webRoot}/*", "webpack:///src/*": "{webRoot}/",
"webpack:///": "",
"webpack:///./~/": "{webRoot}/node_modules/*", "webpack://*": "{webRoot}/",
"meteor://💻app/": "${webRoot}/"
}
}
]
}

然后 F5 就可以进入调试模式
在想打点的地方打点

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容