trae的高效使用

Trae 使用技巧

Trae 是一个强大的 AI IDE，可以帮助开发者更快速、更准确地完成开发任务。以下是一些使用 Trae 的技巧和方法：

1. 安装与配置

   • 访问 Trae 官方网站（https://www.trae.ai），下载适用于 macOS 的桌面客户端（目前仅上线了 Mac 版本，Windows 版本预计 2 月底上线）。若等不及 Windows 版本，可在虚拟机中安装 macOS 系统进行体验。

   • 安装完成后，点击 Trae 图标启动程序，首次启动会进入设置界面。在此界面中，选择 Dark、Light 或 DeepBlue 主题，并从 English 或简体中文中选择界面语言，设置完成后点击 Continue 按钮。

   • 若之前在 PC 上使用过 VSCode 或 Cursor，可点击 Import from VSCode 或 Import from Cursor，将这两个 IDE 中的扩展、设置和键绑定配置导入到 Trae 中，实现快速切换开发环境。

   • 可选择在本地终端安装 trae 命令，以便后续通过命令行启动 Trae 或在 Trae 中打开项目，如使用“trae”命令快速启动 Trae，“trae my-react-app”在 Trae 中打开指定项目。

   • 登录 Trae 账号以使用 AI 助手功能，可使用 GitHub、Google 账号三方登录，也可使用 Trae 账号登录；若暂时不想登录，也可跳过此步骤直接使用，但部分功能可能会受到限制。

2. 使用 Chat 模式

   • Chat 模式适合通过对话方式提问，AI 提供代码建议、错误修复和优化方案。如果没有显示侧边栏，可以使用 Command + U 快捷键打开，点击上方的 Chat 即可进入 Chat 模式。

   • 输入框有上下文、多模态输入、模型切换（支持 Claude3.5、GPT-4o）等功能。在输入框中使用 # 可以展示上下文列表，当鼠标移动到文件上时，会展示一个树形结构的预览，这样在重复名称的文件较多时，也能快速定位所需文件。

   • 代码片段右上角有四个操作按钮：复制、插到光标所在处、添加到新文件、应用到相应文件。

   • 当需要精确操作时，将代码选中点击 Command + I 快捷键打开行内对话框，输入你的需求，它会直接在行内按照你的需求修改代码，并且有修改前与修改后对比，点击输入框下的接受或拒绝，表示是否接受此次修改。

3. 使用 Builder 模式

   • Builder 模式可以帮你从 0 构建一个完整的项目，自动编写代码。使用 Command + U 打开侧边栏，点击最上面的 Builder，即可切换到 Builder 模式。

   • 把你的需求告诉它，比如让它使用 Vue 3 开发一个贪吃蛇游戏。点击运行它给出的初始化项目命令，命令行就会执行并初始化项目。接下来它会自动帮你创建文件，一步一步完成编写代码、创建文件等操作。在运行命令的过程中出现任何报错它也会自动帮你修复。

   • 当编写完成后，它会让你运行启动命令，之后会给出一个预览按钮，点击预览之后会在 Trae 内打开一个 Webview 预览窗口，非常方便开发人员进行预览测试。

4. 其他实用功能

   • 上下文功能：在输入框中使用 # 索引整个文件，将整个文件喂给 AI，给 AI 提供更多的上下文，提高回答的准确率。

   • 代码自动补全：根据你的代码，提供智能的补全建议、根据代码注释补全等。

   • 多模态：可以将你的报错代码或 UI 截图发送给 AI，提供相应的建议。

   • 学习开源项目：如果你需要快速了解某个项目或学习项目源码，Trae 可以帮你快速总结项目以及解读代码。从 GitHub 上拉取项目后，打开设置，点击“开始构建”按钮，然后在 Chat 模式中输入 # 并选择 Workspace 向 AI 发起问答。

5. 实用技巧

   • 如果生成的代码不符合要求，可以点击输入框上的“拒绝”按钮，表示你不想要这次的修改，或者优化提示词，使用 # 提供更多上下文，让 AI 更加“懂你”。

   • 在编写代码过程中，它可以很精确地知道你下一步需要做什么，此时你只需要点击 Tab 即可补全。

   • Trae 提供了丰富的快捷键，如 Command + U 打开侧边栏，Command + I 打开行内对话框等，熟练使用这些快捷键可以大大提高开发效率。

   •