简介

Trae 是字节跳动推出的一款面向开发者的 AI 集成开发环境(IDE),旨在通过强大的 AI 功能提升开发效率。它集成了 Claude 3.5 和 GPT-4o 主流AI模型,支持智能代码生成、实时补全、优化和调试。Trae 提供了以下核心功能:

  • AI 驱动的开发体验:
    • AI Q&A:开发者可以在编码过程中随时与 AI 助手聊天,获取代码解释、注释、错误修复等帮助。
    • 实时代码建议:AI 助手会根据当前代码实时提供代码建议,帮助开发者快速完成任务。
    • 代码片段生成:通过自然语言描述需求,AI 助手可以生成相应的代码片段或跨文件的项目级代码。
    • 从零开始的项目开发:开发者只需告诉 AI 助手想要开发的程序类型,它就能根据描述生成代码或自动创建相关文件。
  • 原生中文支持:Trae 提供完整的中文界面和代码注释支持,特别适合中文开发者使用。
  • 便捷的项目预览与调试:Trae 支持 Webview 功能,允许开发者在 IDE 内直接预览 Web 页面,方便调试和开发。
  • 多模态支持:开发者可以上传图像,Trae 能够理解图像内容并生成相关代码,进一步拓展了 AI 在开发中的应用场景。

优势

在这里插入图片描述

  • 目前Trae处于内测期间,对所有用户开发,可以免费使用。
  • 默认使用中文,为中文用户量身定制

官网

官网地址:https://www.trae.ai

在这里插入图片描述

下载安装

目前只支持MacOS

在官网点击【Download for macOS】下载Mac安装包

在这里插入图片描述

根据自己电脑的配置选择对应内核版本

在这里插入图片描述

下载完成后,首次启动需要完成引导,点击【开始】继续

在这里插入图片描述

  • 主题配置:从深色、浅色和深蓝色中选择一个主题
  • 语言选择:从英语或简体中文中选择一种语言

在这里插入图片描述

选择【从VS Code导入】或者【从Cursor导入】IDE配置,会同步编辑器的插件、设置、快捷键等配置。

在这里插入图片描述

点击【安装Trae命令】将会在终端安装trae命令,通过trae命令可以直接Trae打开项目

在这里插入图片描述

使用 Trae 人工智能助手需要进行登录。你可以用你的 Google 账户、 GitHub 账户或者用 Trae 注册的电子邮件登录(有人反馈登录异常,本人使用Google账号登录,未见登录异常)。

在这里插入图片描述

登录完成后点击【Log in and open Trae】登录Trae编辑器

在这里插入图片描述

编辑器登录后,就正式进入了Trae编辑器内。

在这里插入图片描述

页面布局

在这里插入图片描述

基本使用

导入项目

在这里插入图片描述

Trae导入项目有 打开文件夹、克隆Git仓库 两种方式:

  • 打开文件夹:从本地选择文件夹打开
  • 克隆Git仓库:从Github克隆项目

方式一:打开文件夹

点击【打开文件夹】,选择本地文件夹打开,首次打开需要信任文件夹权限,记得点击【是,我信任此作者】否则将无法正常使用Trae功能

在这里插入图片描述

方式二:克隆Git仓库

从Github克隆也有两种方式 仓库URL 和 Github授权:

  • 仓库URL:通过Github仓库URL直接克隆(需要自己获取仓库URL)
  • Github授权:通过Github登录授权,选择Github代码库进行克隆(需要授权Github,后面可以可视化选择)

使用仓库URL形式

在这里插入图片描述

使用授权Github形式,提示需要权限时,记得点击同意

在这里插入图片描述

粘贴授权码,在Github上确认授权

在这里插入图片描述

授权完成即可在Trae中看到Github仓库列表,选择仓库进行克隆

在这里插入图片描述

插件市场

可以从 Trae扩展商城 或 VS Code插件市场 安装扩展

在这里插入图片描述

模型支持

Trae目前内置 Claude-3.5-Sonnet 和 GPT-4o 模型,暂不支持自定义模型

在这里插入图片描述

Chat

Trae提供了 侧边栏Chat、内联聊天 2种Chat模式:

  • 侧边栏Chat:在编辑器侧边栏开启聊天,快捷键【Cmd+U】
  • 内联聊天:在编辑器内开启聊天,快捷键【Cmd+I】

侧边栏Chat

点击顶部侧边栏按钮或者快捷键【Cmd+U】可快速唤起侧边栏聊天页面

在这里插入图片描述

聊天:Chat模式可以进行文本聊天、逻辑推理等

在这里插入图片描述

上下文:Trae提供了添加上下文,使用 # 快捷键唤起菜单选择文件、目录、代码等添加到上下文

在这里插入图片描述

图片上下文:Trae支持图片上传功能,可以 手动上传、剪切板 和 拖拽上传 方式

在这里插入图片描述

文件操作:当有文件发生改变时,Chat模型并不会直接修改文件,需要手动操作

在这里插入图片描述

当文件发生改变,可以选择单文件接受,也可以选择全部接受或全部拒绝

在这里插入图片描述

效果预览如下

在这里插入图片描述

执行指令:Trae支持执行终端指令,点击运行指令会在终端中直接执行

在这里插入图片描述

版本控制:Trae提供了版本回退功能,可以直接回退到指定版本

在这里插入图片描述

内联聊天

在文件内选中代码点击【编辑】或者使用快捷键【Cmd+I】可以直接唤起内联聊天窗口

在这里插入图片描述

更改的内容以Diff形式展示,可以选择手动接受/拒绝、选择全部接受/拒绝和重新生成

在这里插入图片描述

Builder

Trae的Builder功能类似Cursor的Composer功能,可以高效的从0-1开发项目。使用侧边栏或者快捷键【Cmd+U】打开侧边栏,点击【Builder】,目前处于Beta状态,谨慎用于生产环境。

在这里插入图片描述

Builder模式下的上下文引入方式和Chat模型一致,可以直接引入上下文进行聊天。

我们使用Builder模式创建一个俄罗斯方块项目,可以看到Builder模式下,Trae自动创建文件并进行了保存操作,同时提供了文件审查列表,带我们确认后可以选择【全部拒绝】和【全部接受】

在这里插入图片描述

运行指令:Builder模式下运行指令更方便,直接点击【运行】即可调用终端启动项目

在这里插入图片描述

在浏览器效果预览如下:

在这里插入图片描述

项目运行成功后,可以看到Trae甚至提供了预览效果,点击【预览】可以直接在编辑器中预览效果,甚至不用打开浏览器,这个功能挺好🌹

在这里插入图片描述

版本控制:Builder模式下同样提供版本控制节点

在这里插入图片描述

Tab补全

Trae支持多补全结果提示,可以点击箭头左右查看提示内容,支持Tab一键接受和逐个单词接受

在这里插入图片描述

体感

体验下来对Trae编辑器还是很期待的,体感接近Cursor,Trae不仅内置 Claude-3.5-Sonnet 和 GPT-4o 模型,而且提供很多接近Cursor的功能,如:Chat的侧边栏、内联模式,Builder Agent模式,多种形式的上下文引入,图片的多模态上传,Tab自动补全,工作区索引等,可以满足我从Cursor的快速切换。

当前目前也存在一些需要完善或优化的功能:

  • 上下文不支持拖入文件引用
  • 暂时不支持自定义模型
  • 暂时不支持文档索引
  • 没有类似NotePad的提示词共享功能

友情提示

见原文:抢先体验字节AI编辑器Trae)

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐