【Tools】Debugger for Chrome 配置

[Rocco]

.vscode/launch.json

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

// vue.config.js

module.exports = {
  configureWebpack: {
    devtool: 'source-map',
  },
};

参考

• Vue.js Cookbook: 在 VS Code 和 Chrome 中调试