我正在开发 VueJS / Express 应用程序，进入比以前更高级的 Web 开发。我使用VSCode，并在同一个项目中开发后端和前端。我可以将 VSCode 调试器用于后端工作，并将 Chrome 调试器用于前端。
VSCode 效果很好。故事结束。
Chrome 功能强大，但很古怪。我最终调试了 Chrome 调试器正在发生的事情。再加上难以理解的 Vue 内部结构，它们总是弹出来，增加了另一个必须通过（或忽略）的级别。但是我遇到的最大问题是我无法检查组件脚本中的实例变量，只能检查断点所在函数的本地变量。这将我的过程减少为执行大量一次性 console.log() 语句，人们只是在寻找对“this.[anything]”实例变量的快速检查。
我已经忍受了几个月，但最近做了一些重构，它减慢了我的进度，所以我想看看是否有办法克服这个障碍并加快我的调试过程。
有人有建议吗？有没有办法设置 Chrome 以启用检查对象变量？Vue前端开发有没有更高效的调试方法或工具？
除此之外，将前端和后端代码组合到一个项目中非常棒。VSCode 摇滚。