AI编程工具-trae介绍及使用

Trae介绍

Trae (/treɪ/) is the real AI engineer. It offers features like AI Q&A, code auto-completion, and agent-based AI programming capabilities. When developing projects with Trae, you can collaborate with AI to enhance your development efficiency. 

Trae 是一款面向开发者的 AI 驱动的集成开发环境（IDE）。它通过智能代码补全、多模态交互以及对整个代码库的上下文分析等功能，帮助开发者更高效地编写代码。Trae 的主要优点在于其强大的 AI 能力，能够理解开发者的需求并提供精准的代码生成和修改建议。该产品目前提供免费版本，旨在帮助开发者减少重复性任务，专注于创造性工作，从而提升编程效率和生产力。它集成了国外主流的大模型 Claude-3.5-Sonnet 和 GPT-4o，且目前免费使用，在功能上与 Cursor 和 Windsurf 等产品形成竞争态势，同时支持从 VS Code 和 Cursor 等工具迁移配置，方便开发者快速上手。

需求人群：

"Trae 主要面向希望提高编程效率、减少重复性任务的开发者，无论是初学者还是经验丰富的开发人员，都可以通过 Trae 的智能辅助功能提升编码速度和质量。此外，对于需要快速构建项目的团队，Trae 的聊天构建模式也能提供显著帮助。

网址  Trae - Ship Faster with Trae

下载

Trae 目前仅支持 macOS 系统，但 Windows 版本也在筹备当中，预计将很快到来。Trae 其界面支持简体中文和英文，为不同语言偏好的开发者提供了便利。

windows平台正在开发中

 

Trae 功能亮点

• 智能问答与辅助：在编码过程中，开发者可随时与 AI 助手聊天，无论是解释代码含义、编写代码注释，还是修复代码错误、提供编程模式建议等方面，AI 助手都能给予及时且有效的帮助，就像身边随时有一位经验丰富的导师。
• 实时代码建议：AI 助手能够精准理解当前编写的代码逻辑，在编辑器内实时提供优化建议，帮助开发者提高代码质量，减少潜在的错误和隐患，使代码更加规范、高效。
• 代码片段生成：开发者只需用自然语言向 AI 助手描述需求，它就能迅速生成相应的代码片段，甚至可以自主编写涉及多个文件的项目级代码，大大节省了开发者编写重复性代码的时间和精力。
• 项目快速构建：在 Builder 模式下，开发者只需告知 AI 想要创建的应用类型，它会自动完成从项目搭建的各项任务，包括分解任务、创建或修改文件、生成和运行命令等，让开发者能快速从无到有创建项目。
• 多模态交互：具有先进的多模态功能，支持开发者上传图片来表达需求，例如上传设计草图、参考样式或错误截图等，AI 能够精确理解图片内容，进一步提升了需求表达的准确性和开发效率。
• 全面 IDE 功能：涵盖了代码编写、项目管理、插件管理、版本控制等基本 IDE 功能，为开发者提供了一个功能完备的开发环境，满足从简单代码编辑到复杂项目管理的各种需求。
• 高效代码补全：能实时根据开发者的输入和代码上下文，快速且智能地预测并补全代码，提高编码速度，让开发过程更加流畅，减少开发者手动输入的工作量。

适用场景

• Web 应用开发：如开发一个具有图片上传与压缩功能的网站，Trae 可以根据开发者的需求生成相应的前端和后端代码，实现图片的上传、按比例压缩、预览以及下载等功能，并且能提供符合苹果风格等多种设计风格的视觉设计建议。
• 工具类应用开发：像开发一个包含图片格式转换、裁剪、添加水印、滤镜特效等功能的图片处理工具站，或者实现 PDF 转 Word/Excel、文件格式转换、压缩/解压、JSON 格式化、代码美化、正则表达式测试、时间戳转换等功能的工具，Trae 都能协助开发者快速完成代码编写和项目构建。
• 前端项目开发：在创建一个特定页面风格的前端项目时，例如模仿某个知名网站的前端布局和交互效果，Trae 可以利用 React 或其他前端框架，结合 TypeScript 等技术，生成相应的项目文件，并实现流畅的动画和过渡效果，提高前端开发效率。
• 游戏开发：以开发汉诺塔、贪吃蛇、新春接福等小游戏为例，开发者只需用简单的自然语言描述游戏规则和需求，Trae 就能生成相应的游戏代码，包括游戏逻辑、界面绘制、用户交互等部分，帮助开发者快速实现游戏创意。
• 日常编程任务辅助：在日常编码过程中，当遇到代码理解困难、需要优化代码结构、添加新功能或修复错误等问题时，开发者可以随时借助 Trae 的 AI 助手功能，快速获得解决方案和建议，提高编程效率和质量。

Trae 使用教程

1. 访问 Trae 官方网站（https://www.trae.ai），下载适用于 macOS 的桌面客户端（目前仅上线了 Mac 版本，Windows 版本预计 2 月底上线）。若等不及 Windows 版本，可在虚拟机中安装 macOS 系统进行体验。
2. 安装完成后，点击 Trae 图标启动程序，首次启动会进入设置界面。在此界面中，选择 Dark、Light 或 DeepBlue 主题，并从 English 或简体中文中选择界面语言，设置完成后点击 Continue 按钮。
3. 若之前在 PC 上使用过 VSCode 或 Cursor，可点击 Import from VSCode 或 Import from Cursor，将这两个 IDE 中的扩展、设置和键绑定配置导入到 Trae 中，实现快速切换开发环境。也可选择跳过此步骤。
4. 可选择在本地终端安装 trae 命令，以便后续通过命令行启动 Trae 或在 Trae 中打开项目，如使用“trae”命令快速启动 Trae，“trae my-react-app”在 Trae 中打开指定项目；也可跳过此安装步骤。
5. 登录 Trae 账号以使用 AI 助手功能，可使用 GitHub、Google 账号三方登录，也可使用 Trae 账号登录；若暂时不想登录，也可跳过此步骤直接使用，但部分功能可能会受到限制。
6. 进入 Trae 主界面后，即可开始开发项目。可通过以下方式进行：

   打开现有文件夹或克隆现有 Git 存储库，进行常规项目开发。

   使用 AI 助手创建新项目，在 Builder 模式下，通过快捷键“Command + U”打开 Builder 功能，输入想要开发的应用描述，AI 会自动构建项目；在 Chat 模式下，同样使用快捷键“Command + U”打开 Chat 功能，可随时对代码库或编程问题进行提问和优化，获取代码建议和问题解答。

 安装

This article introduces how to set up Trae, including installing Trae on your PC, completing required settings, and finally developing your projects with Trae.

Step 1: Install and launch Trae

1. Go to Trae's website and install Trae on your PC.
2. Click Trae's icon to launch it.

The following screen appears at Trae's first launch.

1. Click the Get Started button.

Trae's setup begins.

Step 2: Select a theme and language

1. Select a theme from Dark, Light, and DeepBlue.
2. Select a language from English or 简体中文.

• The default language is English.
• You can change the theme and language at any desired time in the Settings center if needed.

1. Click the Continue button.

 

Step 3: Import configurations from VS Code or Cursor

If you have already set up VS Code and/or Cursor on your PC, you can click Import from VSCode or Import from Cursor, and the system will import all extensions, settings, and keybindings configuration from these two IDEs into Trae, enabling you to quickly switch from other IDEs to Trae for development.

Step 4: Install Trae's commands

After adding Trae-related commands, you can perform corresponding tasks in Trae more quickly using relevant commands in the terminal. For example:

• Using trae to quickly launch Trae;
• Using trae my-react-app to open a project in Trae.

Use the following steps to add commands:

1. Click the Install 'trae' command button.

 

The following pop-up appears.

Step 5: Log in to Trae

You need to log in to Trae to use the AI assistant. You can log in to Trae with your Google account, your GitHub account, or your email registered with Trae. If you do not have any account, create one for login.

1. Click Log in.

This directs you to the Log in screen.

1. Log in to Trae with your preferred method.

You are directed to the following home of Trae IDE after login.

Step 6: Start developing with Trae

In Trae, you can start developing projects through either of the following ways:

• Open an existing folder or clone an existing Git repository. For more information, refer to "Manage projects".
• Create a project from 0 to 1 using the AI assistant. For more information, refer to "Builder".