如何让VSCode调试React和Vue代码体验更上一层楼？

本文共计1463个文字，预计阅读时间需要6分钟。

目录 + 引用 + 使用 + VSCode 调试 React 代码 + 使用 + VSCode 调试 Vue 代码 + 总结 + 引用 + 作为前端开发者，基本每天都要调试 Vue/React 代码，不知道大家都是怎么调试的，但我觉得大概有几种方式：+ 不调试，直接运行

目录

• 引言
• 用 VSCode 调试 React 代码
• 用 VSCode 调试 Vue 代码
• 总结

引言

作为前端开发，基本每天都要调试 Vue/React 代码，不知道大家都是怎么调试的，但我猜大概有这么几种：

• 不调试，直接看代码找问题
• console.log 打印日志
• 用 Chrome Devtools 的 debugger 来调试
• 用 VSCode 的 debugger 来调试

不同的调试方式效率和体验是不一样的，我现在基本都是用 VSCode debugger 来调试，效率又高、体验又爽。

可能很多同学还不知道怎么用 VSCode 调试网页，这篇文章我就来介绍下。