调试vue项目

发表于

使用 vscode 调试 vue 项目

调试 vue2 项目

第一步我们先在 vscode 中创建一个调试项目，然后对launch.json进行配置：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "Chrome",
      "request": "launch",
      "name": "Chrome浏览器调试司机端",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceFolder}",
      "sourceMapPathOverrides": {
        "webpack:///src/*": "${workspaceFolder}/src/*"
      }
    }
  ]
}

第二步，我们在项目中打个断点。

第三步，在 vscode 中点击启动调试。