Trae:你只需懂一点点,剩下的交给我

404 阅读6分钟

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

Trae 是什么?

Trae 是字节跳动推出的一款 AI 编程工具,官网为www.trae.ai 。它深度集成了人工智能,旨在通过人工智能技术提升开发效率,降低编程门槛,特别适合中文开发者使用。

目前 Trae 支持 macOS 版本,Windows 版本,目前全部免费,后续是否收费有待观察。值得一提的是,Trae 集成了 Claude 3.5 和 GPT-4o 等先进的 AI 模型 ,拥有智能代码生成与优化、Builder 模式、Chat 模式、多模态交互、Webview 功能等核心功能,还支持界面全中文化,对中文的理解和处理十分出色。

为什么选择 Trae 开发小程序?

有些公司(bushi)有个比较特殊的打卡要求,规定下班时间与上班时间的差值必须大于等于某个时长,以此来衡量工作时长是否达标。这就导致每次手动计算打卡时间变得很繁琐,而且容易出错。再加上过年期间事情相对较少,我就想着开发一个上下班打卡记录的微信小程序,来简化这个过程。

其实,上次接触小程序开发还是在上学的时候。当时为了完成课程作业,和几个同学一起开发了一个简单的校园活动报名小程序。那时候的开发过程可真是艰难,从搭建项目框架,到编写各种功能代码,每一步都需要自己手动去完成,而且还经常遇到各种错误和问题,调试起来也特别麻烦。

有天晚上刷抖音的时候,我了解到了字节跳动新推出的 Trae,它的 AI 辅助编程功能一下子就吸引了我。我想着既然是过年无聊,不如就尝试一下这个新工具,说不定能大大提高开发效率。事实证明,我的选择是正确的。

开发上下班打卡小程序的过程

使用 Trae 进行代码编写

Trae在 AI 编程上有两大辅助工具,分别为 Chat 和 Builder。

image.png

  1. Chat 模式下就像 JetBrain 上面的一系列 Continue 插件一样,问答模式。
  2. Builder 模式就像一个“管家”,他会帮你把代码修改掉,并询问你的意见,在执行命令前也会征求你的同意,如下图。
  3. 并且!!!如果是生成代码的流程中需要执行一些命令行,它还能监测控制台的输出,帮你解决控制台打印的错误信息。

image.png 运行失败后它自动监听到了错误,自动开始思考解决方案。 image.png

界面设计与优化

开发前端应用,其实特别重要的一部分就是画 UI。简单的 UI 对于技术大佬来说,甚至都懒得写,对于萌新来说,可能也不会写。那么 Trae 的作用就来了,它还支持上传图片!上传完图片之后,你就可以继续提出你的要求了,它会图像识别出界面设计并自动帮你完成。

image.png

甚至在没有设计稿的情况下,你只需要加上一句这个“UI 设计符合 iOS 设计风格”,trae帮你写出的代码说不出很好看,但!一定不会很丑。比如我设计的小程序,这是我的 prompt:“创建一个微信小程序,需要提供以下功能:1.上班打卡,记录当前时间2.下班打卡,并记录当前时间。3.计算当天的工作时长,计算公式为下班时间的最晚一次打卡记录减去最早的上班打卡时间,按天为维度。界面参考iOS设计风格”。

image.png

然而这个过程,并没有想象的那么顺利,AI 提供的代码仍然会出现运行错误或者在理解功能到实施编码后会出现丢掉一些功能,而这个过程需要不停反复的和它去纠正,如果 AI 提供的代码导致出现了非预期的重大错误,Trae 其实还提供了快速回滚的功能,点击之后全局的代码都可以回到本次问答之前的状态。

image.png

当然,如果你有开发经验的话,或许一眼便能看出来问题所在,那么你可以这样...右键选中代码,快捷键 command+I。另外 command+U 可以将选中的代码添加到对话框作为上下文,提升 AI 的效率,这样它可以不必全局索引。

image.png

在经过反复的“调教”之后,小程序一共实现了六个界面,而编码过程却只花了两个小时。如果各位有使用需求,可以微信搜索“小猿工时记录神器简洁版”或者扫码体验。

image.png

总结与展望

回顾这次使用 Trae 开发上下班打卡微信小程序并成功上架的经历,我感触颇深。Trae 确实给我带来了许多惊喜,它的智能代码生成和优化功能极大地提高了开发效率,让我这个许久未接触小程序开发的人也能快速上手 。Builder 模式和 Chat 模式的配合使用,就像是有一个专业的编程伙伴在身边,随时为我提供帮助,解决各种问题。而且,Trae 对中文的出色支持,让沟通变得更加顺畅,没有了语言障碍,开发过程也比较轻松。

然而,Trae 也并非完美无缺。在开发过程中,我发现它偶尔会出现一些理解偏差的情况,生成的代码可能需要我进行一些手动调整和优化。而且,对于一些复杂的业务逻辑和特定的技术细节,它的处理能力还有待提高。

基于这次的开发经历,我对未来使用 Trae 开发更多小程序充满了期待。我希望 Trae 能够进一步优化 AI 模型,提高对复杂需求的理解和处理能力,减少代码生成的偏差,让更多的开发者能够享受到它带来的便利。我相信,随着技术的不断发展和完善,Trae 一定能够成为小程序开发乃至整个软件开发领域的得力助手,帮助开发者们更高效地创造出更多优秀的应用。