🐵指尖猴全新升级
第3课:界面全景导览
🗺️

界面全景导览

熟悉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课完成!继续探索下一课吧 🚀