vscode写debugger无效 / 谷歌F12想network接口和console一起出现

38kcok9w2vHanx_

于 2024-04-10 09:57:36 发布

阅读量1.3k

点赞数 1

CC 4.0 BY-SA版权

文章标签： vscode ide 编辑器

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/Hanx_/article/details/137583912

本文讲述了在VSCode中使用debugger遇到问题时，如何在Vue.config.js中添加sourcemap配置以启用调试。同时介绍了在谷歌浏览器中快速打开并同步Network和Console的方法，包括使用Esc键和右上角菜单操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vscode写debugger无效

在项目里，想用debugger打断点调试，发现不生效

在vue.config.js文件中，搜索configureWebpack，在里面加 devtool:"source map",

重新运行项目，就可以用debugger了

谷歌浏览器F12接口和console一起出现

F12调出调试工具后，想要这种效果

Network和Console一起出现

方法一：点Esc，就出现了

方法二：右上角三个点，选择More tools，然后随便选一个就可以了

想要的效果

评论

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

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。