VS Code - Debugger for Chrome
安装插件:Debugger for Chrome
设置发布配置文件:.vscode/launch.json
{
"version": "0.1.0",
"configurations": [
{
"name": "Launch localhost",
"type": "chrome",
"request": "launch",
"url": "http://localhost:8080/",
"webRoot": "${workspaceFolder}/wwwroot"
},
{
"name": "Launch index.html",
"type": "chrome",
"request": "launch",
"file": "${workspaceFolder}/index.html"
},
]
}
调试:
1.在需要调试的vue组件中设置断点。
2.npm run dev //运行服务
3.按F5,开始启动App并自动打开浏览器,进行操作调试