vscode写debugger无效
在项目里,想用debugger打断点调试,发现不生效
在vue.config.js文件中,搜索configureWebpack,在里面加 devtool:"source map",
重新运行项目,就可以用debugger了

谷歌浏览器F12接口和console一起出现
F12调出调试工具后,想要这种效果
Network和Console一起出现
方法一:点Esc,就出现了
方法二:右上角三个点,选择More tools,然后随便选一个就可以了

想要的效果

本文讲述了在VSCode中使用debugger遇到问题时,如何在Vue.config.js中添加sourcemap配置以启用调试。同时介绍了在谷歌浏览器中快速打开并同步Network和Console的方法,包括使用Esc键和右上角菜单操作。
在项目里,想用debugger打断点调试,发现不生效
在vue.config.js文件中,搜索configureWebpack,在里面加 devtool:"source map",
重新运行项目,就可以用debugger了

F12调出调试工具后,想要这种效果
Network和Console一起出现
方法一:点Esc,就出现了
方法二:右上角三个点,选择More tools,然后随便选一个就可以了

想要的效果


被折叠的 条评论
为什么被折叠?