前言
今日,字节发布了一款 AI Coding 产品 —— Trae,它是一款对标 Cursor 和 Windsurf 的全新 IDE,也是一款真正为中文开发者量身定制的工具,可谓是中文开发者的福音。
其优雅的 UI、丝滑的交互、母语级的支持、更高的 AI 集成度、更然自的交式互对话开发、更精准的 AI 生效成果,都让你感到亲切和惊艳!
它不再是一个工具,而是一个能 “思考” 和 “共创” 的协作者,帮助你更灵活的调用 AI 参与项目,实现更高效率、更好效果的开发体验。
目前 Trae 内置 Builder
和 Chat
两种模式:
- Builder 模式:只需要告诉 AI 你想要什么样的应用,它会轻松完成从零到一的项目构建
- Chat 模式:AI 将理解当前代码,你可以随时提出问题、寻求建议。此外也支持编辑器内实时提供建议代码
Trae 底层集成了国外主流的大模型 Claude 3.5 和 GPT-4o,目前免费使用中。
无论是专业开发者还是新手开发者,都能体验到 Trae 带来的效率提升。
下载体验地址:trae.ai
接下来我将详细地为大家介绍 Trae 的功能。
安装设置
从官网 trae.ai 下载安装后,首次打开会进入设置界面:
然后是主题和语言设置。主题支持暗色、亮色、深蓝。语言支持简体中文和英文,这次终于不需要安装汉化插件了。
Trae 支持从 VS Code 或 Cursor 导入配置,它会将插件、设置、按键绑定同步到 Trae,实现 IDE 的无缝切换:
Trae 也提供了自己的 trae
命令:
安装后可以通过:
trae
:快速启动 Traetrae my-react-app
:在 Trae 中打开一个项目
最后一步是登录,可使用 GitHub、Google 账号三方登录,也可以使用 Trae 账号登录,这步跳过也行:
强大的 AI 功能
Trae 包含了基本的 IDE 功能如代码编写、项目管理、插件管理、版本控制等。
这些功能想必大家已经很熟悉了,所以我们重点介绍其强大的 AI 助手功能,包括:
- AI 问答:在编码过程中,你随时可以与 AI 助手聊天寻求帮助,包括让 AI 助手解释代码、编写代码注释、修复错误等。
- 实时代码建议:AI 助手将理解当前代码并在编辑器内实时提供建议代码。
- 代码片段生成:用自然语言向 AI 助手描述你的需求,它将生成相应的代码片段或自主编写项目级和跨文件的代码。
- 从 0 到 1 项目开发:告诉 AI 助手你想开发什么样的程序,它将提供相应的代码或根据你的描述自动创建相关文件。
具体体现为编辑器右侧的Builder
和 Chat
两种模式:
其中:
- Builder 模式:只需要告诉 AI 你想要什么样的应用,它会轻松完成从零到一的项目构建
- Chat 模式:AI 将理解当前代码,你可以随时提出问题、寻求建议。此外也支持编辑器内实时提供建议代码
Builder 模式
Builder 模式可以帮助您从 0 到 1 开发一个完整的项目。
在 Builder 模式下,AI 助手将主动读取当前项目文件的内容,分解任务,并逐步执行它们。包括:
- 提取相关上下文
- 创建或修改文件
- 生成和运行命令
- 分析命令执行状态
而你只需要在右下角的聊天输入框输入您的需求即可,支持添加上下文,支持输入多种类型的内容,比如设计草稿、参考样式等等。
你只需要和 AI 进行交互即可快速创建项目:
根据你的需求,AI 助手将自动生成代码更改,包括创建新文件和编辑现有文件中的代码,你可以接受或者拒绝修改:
当 AI 助手完成了你的需求,它将提供一个预览按钮。点击此按钮将打开一个 Webview 窗口展示结果:
<font style="color:rgb(29, 33, 41);"></font>
Chat 模式
在日常开发中可以使用 Chat 模式,它可以回答代码问题、解释代码、生成代码片段、修复错误等,只要你提出要求。
让我们看下实际效果:
聊天中生成的代码你可以将其应用到项目中:
除了侧边栏,你也可以在编辑器中使用内联的聊天框。使用快捷键 Command + I,或者选择任何代码,然后使用快捷键 Command + I 或单击浮动菜单中的 Edit 按钮:
当有报错提示的时候,也可以进行 AI 修复,实际效果演示:
Trae 还有更多的细节值得发现,可以参考其官方文档:https://docs.trae.ai/docs/what-is-trae
总结
在 Cursor、Windsurf 等海外 AI IDE 盛行的当下,这款国内开发者开发的 AI IDE 无疑会成为一款更懂中国开发者的工具,所以未来可期。目前看来,它跟 Cursor 几乎一样强大。无论是专业开发者还是新手开发者,都能体验到 Trae 带来的效率提升。
那就快来体验一下吧。下载体验地址:trae.ai
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。