在vscode中断点调试vue.js

1. 在根目录下新建vue.config.js文件

//	vue.config.js
module.exports = {
  configureWebpack: {
    devtool: 'source-map'
  }
}

2. vscode中新建launch.json文件

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Launch Chrome",
      "request": "launch",
      "type": "pwa-chrome",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceFolder}"
    },
    {
		//	此处必须为"pwa-chrome"
      "type": "pwa-chrome",
      "request": "launch",
      "name": "vuejs: chrome",
      "url": "http://localhost:8095/arp/index#/admin/login",
      "webRoot": "${workspaceFolder}/src",
      "breakOnLoad": true,
      "sourceMapPathOverrides": {
        "webpack:///src/*": "${webRoot}/*"
      }
    }
  ]
}