How to debug with Vscode vue.js

VS code-related plugins:
Chinese (Simplified) Language Pack for Visual Studio Codedebugger for Chromeeslintvetur one install: Install vs code plugin Debugger for CHR ome two configuration: Config index.jscachebusting changed from true to False
Cachebusting:true,
Cachebusting:false,devtool changed from Cheap-module-eval-source-map to Source-map
Devtool: ' Cheap-module-eval-source-map ',
Devtool: ' Source-map ', three configuration: Launch.json file configuration
{
"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}/*"
}
}
]
} Four Start debugging

How to debug with Vscode vue.js