AI代码编辑器 Trae ,Trae 安装使用文档!掌握Trae AI编辑器,提升开发效率!

1,082 阅读3分钟

我正在参加Trae「超级体验官」创意实践征文,本文所使用的 Trae 免费下载链接:www.trae.ai/?utm_source…

背景:

Trae,字节跳动发布的 AI 中文 IDE 工具

主要功能:

Trae 由字节跳动旗下新加坡公司 SPRING PTE 提供服务,支持 AI 问答、代码自动补全、基于 Agent 的 AI 编程等功能,可以帮助程序员自动化完成开发任务,并在一些项目中可以实现端到端开发,用户提问后能够直接生成完整的代码项目。该工具可选择简体中文或英文,并内置了 GPT-4o、Claude-3.5-Sonnet 模型供免费使用。

适用群体:

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

Trae安装

下载网址:文章头部地址 或 www.trae.ai/

image.png

点击Download即可进入下载

下载完成后 双击允许 进行安装

选择主题

image.png

导入配置:

如果你电脑上有安装 vscode 编辑器 他是支持 把 vscode的配置导入进来的,方便你的习惯。

image.png

添加命令:

我选择跳过

image.png

登录即可

image.png

登录注册
注意:  我尝试国内邮箱是不可以用的还需要 科学上网
所以有gitHub账号的可用选择github账号登陆

image.png

Trae核心功能

Trea 的核心功能一目了然,进入后便能看到典型的布局:左侧是文件导航区,中间是代码编辑区,右侧则是 AI 聊天交互区。不得不说,这个 UI 设计真的是很出色。对于习惯了 VSCode 和各类插件主题的人来说,Trea 的界面简洁直观,设计风格焕然一新,给人一种全新的体验!

image.png

先介绍AI功能
两种模式
Chat模式
使用Chat模式

image.png

image.png

如果你要使用Trae的上下文引用,在输入框使用#就可以展示上下文列表,当鼠标移动到文件上时,会展示一个树形结构的预览,这样在重复名称的文件较多时,也能快速定位所需文件,而无需查看后面长长的路径

尝试让他写一个html页面

image.png

效果:

image.png

编辑器已经完全汉化了,所以我们用起来 是非常方便的。

如果我们修改了文件:

image.png

如果你想提高ai回答的准确性,可以在设置中构建索引。构建索引 AI会检索你项目里的文件内容,让他更好的读懂你的项目

image.png

有时候从 GitHub 上拉取代码,如想学习项目源码、快速了解该项目等等,使用#workspace引用整个项目,结合 AI 学习源码效率就会非常高。

我们实际使用的时候,最终编辑器就会呈现下面的样子~

image.png

现在让他给我们做一个简单的 网页小游戏

image.png

写完代码后,他会非常的智能 让我们一步一步的 运行一些命令,并且过程中还会检查项目是否正常,如果不正常 他还会 调整

image.png

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

相较于 Cursor 昂贵的费用,Trae 是一个不错的选择,目前限时免费,并且由国人团队开发,全面支持中文环境,总的来说 Trae 给我的体验还是非常好的! 有兴趣的小伙伴 赶快去下载一个体验一下吧!