vscode 调试vue

安装debuuger for chrome

安装browser preview

在命令行中启动server

yarn serve

在Run下面选择start debugging

选择Chrome

添加如下配置

{
    "version": "0.1.0",
    "configurations": [
        {
            "type": "browser-preview",
            "request": "launch",
            "name": "Browser Preview: Launch",
            "url": "http://localhost:8080"
        },
        {
            "type": "browser-preview",
            "request": "attach",
            "name": "Browser Preview: Attach"
        }
    ]
}