vue調試工具

1、Vue.js devtools

安裝後打開vue項目會有以下標誌

2、在 VS Code 中安裝了 Debugger for Chrome

點擊調試按鈕，將launch.json裏的內容換成以下：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "vuejs: chrome",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceFolder}/src",
      "breakOnLoad": true,
      "sourceMapPathOverrides": {
        "webpack:///src/*": "${webRoot}/*"
      }
    }
  ]
}

使用：打斷點，點擊運行按鈕 3、直接debugger