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