1、调试vue打包过程,需要在launch.json中设置如下调试配置{"type":"node","request":"launch","name":"LaunchProgram","program":"${workspaceFolder}/node_modules/.../vue-cli-service.js",//启动入口"args":["inspect","--mode","production"]//parameters}2.调试vue打包后(1)在vue.config.js中设置source-map为代码打包方式,使调试时代码与源码相似,然后在相关地方插入调试器;你可以在浏览器上调试[调试插件:VueDevtools]。module.exports={configureWebpack:config=>{config.devtool="source-map";},lintOnSave:true}(2)如果要在vscode上调试,需要安装DebuggerforChrome插件,然后在launch.json中设置如下调试配置{"type":"chrome","request":"launch","name":"vue-chrome","url":"http://localhost:8080",//npmrun运行地址"webRoot":"${workspaceFolder}/src","breakOnLoad":true,"sourceMapPathOverrides":{//将生成的文件路径【见浏览器资源】映射到需要调试的代码位置"webpack:///src/*":"${webRoot}/*","webpack:///./node_modules/*":"${workspaceFolder}/node_modules/*",}}(3)如果需要调试第一个第三方插件,需要使用第三方开发工具包。package.json中主要是第三方应用标识。了解更多信息更多内容请访问官网教程https://go.microsoft.com/fwli...
