二、前端调试
前端 99% 的调试，不需要装任何额外软件！
1. 【必备神器】浏览器开发者工具（自带，免费）
所有前端调试的核心工具
- Chrome / Edge / Firefox 都自带
- 按 F12 或 右键 → 检查 打开
它能做什么：
- 看 HTML 结构、改 CSS 样式
- 看 JS 报错、打印日志（console.log）
- 断点调试 JS 代码（一步步看代码怎么跑）
- 看网络请求、看资源加载
- 调试 3D、Canvas、WebGL
2. 前端代码编辑器（写代码 + 基础调试）
企业最常用：
- VS Code（免费、最强、95% 前端用它）
- WebStorm（收费，功能强大）
3. 前端专用调试工具（进阶）
- Vue Devtools：调试 Vue 项目（看数据、看组件）
- React Devtools：调试 React
- Charles/Fiddler：抓包、改接口数据
二、后端调试
1. Java 后端（最常用）
- IDEA（调试神器，断点、变量、日志全能调试）
- Eclipse（老工具，现在少了）
2. Python 后端
- PyCharm
- VS Code（也能调试）
3. .NET/ C# 后端
- Visual Studio（宇宙最强 IDE）
4. PHP 后端
- PhpStorm
- VS Code
三、一句话总结
前端调试：
浏览器 F12 + VS Code
后端调试：
对应语言的 IDE（IDEA/PyCharm/VS）（靠断点、控制台日志调试）