现代化前端框架中如何进行调试

Issue 欢迎在 Gtihub Issue 中回答此问题: Issue 490

Author 回答者: Maystar777

1. 使用浏览器的开发者工具

   • Console面板打印调试信息（console.log）、调用堆栈（console.trace）等，执行js代码

   • Elements面板查看元素，调试css样式

   • Source面板查看源码，调试js（设置断点、单步执行、查看变量、事件监听等）

   • Network面板调试前后端交互情况，查看网络请求内容

2. 使用框架相关的调试插件，比如Vue DevTools、React DevTools，能更好地定位到组件

3. 使用代码编辑器（如VSCode）的调试功能