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

先用命令行启动项目
launch.json
{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "vuejs: chrome",
"url": "http://localhost:8080",
"webRoot": "{webRoot}/*"
}
}]
}

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

你可能感兴趣的:(VS code 利用Debugger for Chrome插件 debug vue项目)