第3课：界面全景导览
进度 0/12
🗺️
界面全景导览
熟悉Qoder每一块地盘——你的代码作战地图
📖知识引入
📝编辑器主战场
屏幕中间最大的区域就是编辑器，你写的代码都在这里显示。支持语法高亮（关键字变彩色）、自动缩进、括号配对、错误红线，写代码像在玩填色游戏。
💬AI交互面板（右侧）
右侧的聊天框是Qoder的灵魂所在。点 New Chat 开新对话，用大白话描述需求，AI就会返回代码、解释、修改建议。可以引用文件、追加问题、像和真人讨论一样。
📁左侧文件树
左边显示工作目录的所有文件和文件夹，可以新建、重命名、拖动、删除。多文件项目时这里是导航地图，点哪个文件就打开哪个，再复杂的项目也能一目了然。
🖥️下方终端与调试器
Terminal 在下方，运行代码、装依赖、跑测试，都在这里完成。Qoder还内置了调试器，可以打断点、单步执行、查看变量——找Bug不用再写一堆print。
🏗️多文件协作入口
交互面板顶部可以切换协作模式，AI会自主规划整个项目：自己决定改哪些文件、按什么顺序执行。适合做大项目，相当于把AI升级成「项目经理」。
💡
记住四大区：左文件树、中编辑器、右AI交互、下终端调试——分工明确！
🔍Qoder界面分区地图
一张地图看懂Qoder全部区域：
┌──────┬─────────────┬──────┐ │ 文件 │ │ AI │ │ 树 │ 编辑器 │ 交互 │ │ │ （写代码） │ 面板 │ │ 📁 │ │ │ │ 📄 │ function │ 💬 │ │ 📄 │ greet() │ 你说 │ │ │ │ AI写 │ ├──────┴─────────────┴──────┤ │ 终端 + 调试器 │ │ 运行代码、打断点查Bug │ └───────────────────────────┘
顶部菜单栏：File / Edit / View ... 状态栏（最下方）：分支、编码、行列号
上手节奏：
1️⃣ 左边新建文件→在中间写代码
2️⃣ 不懂就问右边AI交互面板
3️⃣ 写完在下方终端运行
4️⃣ 有Bug用调试器打断点
5️⃣ 大项目切多文件协作模式
这一张图，就是Qoder的全部！
🎯小测验
第1题：Qoder屏幕右侧主要显示什么？
第2题：想打断点调试代码，应该在哪个区域操作？
第3题：多文件协作模式的特点是？
📝本课知识点
- ✓四大区：左文件树、中编辑器、右AI交互、下终端调试
- ✓编辑器支持语法高亮、自动缩进
- ✓AI交互面板是Qoder的灵魂所在
- ✓内置调试器，打断点查Bug
- ✓多文件协作让AI当项目经理
第3课完成！继续探索下一课吧 🚀