我正在参加Trae「超级体验官」创意实践征文, 本文所使用的 Trae 免费下载链接: www.trae.ai/?utm_source…
点赞 + 关注 + 收藏 = 学会了
Trae是什么?
Trae是最近字节跳动刚发布的一块AI IDEA,对标Cursor、Windsurf、Copilot这类AI编程工具,并且是国产的,在语言和易用性方面更加符合国人的习惯。
最重要的是现阶段免费!免费!!免费!!,重要的事情说三遍。
Trae提供智能问答、代码自动补全以及基于 Agent 的 AI 自动编程能力。使用 Trae 开发项目时,你可以与 AI 灵活协作,提升开发效率。
大家想要深入了解的可以看官网文档:docs.trae.ai/docs/what-i…。
安装
下载地址:www.trae.ai/ ,下载完成之后直接下一步下一步安装即可。
如果你之前使用过VScode或者Cursor等工具,也可以一键导入配置,方便你无缝衔接。
当你进入到这个界面,就说明安装成功了。
如何使用
从整理UI布局上来说和VScode类似,所以之前使用VScode的朋友基本没有使用成本,下面重点来了解一下他的几个特性。
Builder 模式
Trae的Builder功能是一个能帮助用户从0到1开发完整项目的工具,可无缝融入项目构建流程,使用过Cursor的朋友会发现它和Composer功能在定位和使用场景上有一定的相似性。
它会主动读取当前项目中的文件内容,完成一系列操作,包括提取相关上下文、创建或修改文件、生成并运行终端命令以及分析命令运行状态 。
启用方式:使用command + U快捷键打开侧边对话框,接着在侧边对话框的左上角点击“Builder”即可启用 。
为了介绍一下功能,我先克隆一个仓库 vben 到我本地
添加上下文:AI助手可理解当前项目中的代码、文件和文件夹等上下文,更精确协助完成开发需求。
使用#关键词,带上文件夹、文件或者代码块,可以一键完成代码讲解和编写。
生成并处理代码变更:AI助手根据需求自动创建新文件或编辑已有文件并保存代码。用户有多种方式处理代码变更,如处理多文件内的所有变更(点击输入框上方待审查文件列表中的“全部接受”或“全部拒绝”按钮)、处理单文件内的所有变更(在编辑器内打开文件,通过点击上方提示条中的“接受”(快捷键:Command + Enter)或“拒绝”(快捷键:Command + Backspace)按钮)、处理单处代码变更(点击编辑器内某个代码变更右上角的^Y 或^N 按钮)。
比如我让他修改一个页面的代码,他会根据页面的功能编写出合适的代码,并让你选择是接受还是拒绝。
Chat 模式
相当于内置了一个AI机器人,项目里有什么问题都可以直接问他。
比如我对于这个系统的权限管理设置不太理解,他会逐步帮我分析这个功能在那个页面,那个代码,如果不清楚还可以基于上面的答案继续提问,它能帮助我们快速接手/学习一个新项目。
我这边只列举这两个,关于更多的特性,比如自动补全、多模态输入等功能大家可以自行下载体验哈~
下面我将带大家写一个实际的列子,来体验Trae的神奇~
猜灯谜
马上就要正月十五了,根据我国的传统习俗,又到了猜灯谜的时候了,我就写一个猜灯谜的网站,供大家闲暇时候娱乐使用。
新建一个项目我起名就叫:dengMi
我们直接切换到builder模式内,输出自己的想法让AI把变成现实!!
提示词:
请你帮我做一个猜灯谜的HTML游戏页面,要求复合正月十五元宵节的节日氛围,游戏关卡设置的合理有趣
完成之后直接生成一个index.html文件,直接运行就可以了。
然后我觉得太简单了,在让他加一些功能
提示词:
帮我做出以下几点的改进:
1、请给出一个进度条,方便用户试试查看自己的答题进度
2、每答对一题都会让灯笼变的更亮一些,增加互动性
3、最终都答对做一个让灯笼起飞的动画
4、目前灯谜题目较少,请在增加100道题
5、每次答题随机抽取10个灯谜进行答题
6、答题完成后,灯笼做一个放飞的动画,动画结束后出现一个重新开始的按钮,点击按钮可以重新猜灯谜(答题)
7、在现有功能的基础上完成以上功能,请务必保证页面的美观和流程以及趣味性。
最终的效果,请大家测评吧:
使用感受
经过几天的使用,我总结一下几个优缺点吧
优点
- 免费,这肯定是第一个要说的,毕竟不花钱就可以体验这么智能的AI编程工具
- 国产,很多功能对于国人比较友好,毕竟是我们自己做出来的
缺点
- 模型较少,目前仅有一个claude3模型可以使用
- 暂时只支持Mac系统,window的小伙伴需要在等等才能使用
- 自带的预览功能不太好用,希望可以改进
- 提示词需要比较精准才能够理解
总结
和Cursor还有一些差距,相信字节还是会不断优化迭代的,但是最起码免费,用起来总体还不错,大家可以都去尝试尝试,体验一下。