步骤打开vscode，安装DebuggerforChrome使用vuecli3创建vue应用项目根路径添加“vue.config.js”文件module.exports={configureWebpack:{devtool:'source-map'}}.vscode文件中的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}/*"}}]}设置断点在根目录下打开你喜欢的终端，使用VueCLI启动这个应用程序：npmrunserve来到Debug视图，选择"vuejs:chrome/firefox"配置，然后按F5或单击那个绿色播放按钮。打开一个新的浏览器实例到http://localhost:8080，你的断点现在应该被击中
