利用Trae从零开始编程,从刀耕火种到AI时代

146 阅读3分钟

Trae 实测: AI 助力前端开发,替代工具还远吗?

字节上线了一款AI新产品,名叫Trae。这是一款 IDE 工具,中文意思是「集成开发环境」,做技术的读者对此应该很熟悉。简单理解,就是程序员用来写代码开发软件的工作台。Trae和传统 IDE不太一样,它是一款基于AI的开发工作台,可以通过自然对话的方式让AI帮你写程序构建一款可运行的产品。只要你有一个产品想法,且能完整描述,就可以让 Trae 帮你做出来。

d4c8e1db804605278efeb4e865a58f6f.png

一、Trae 国内版简介

1.1 下载与安装

首先,前往Trae (国内版)官网下载软件[www.trae.com.cn/]。Trae支持mac… 平台,下载完成后,按照提示进行安装即可。

12.png

1.2 登录方式

安装完成后,打开软件,登录方式可以选择手机号登录或使用稀土掘金账号一键登录。

123.png

1.3功能特点

Trae 国内版的界面与海外版一致,但在大模型选择上有所不同。国内版提供了字节自己的 Doubao-1.5-pro,以及深度求索DeepSeekV3R1版本。相比之下,海外版则提供了ChatGPT以及Claude-3.5-Sonnet3.7-Sonnet

二、项目测试

1234.png

最近在用uniapp写一个项目,首先登录注册功能需要完善,我这里写了一个登录,然后让Trae帮我完成注册,我这里给它提示:“完善注册功能”

231245.png

他给我提供一个点击“没有账户?注册”切换的功能,效果图如下,不得不说AI的学习能力是真的强!!!大 大的提高了工作效率,保持学习,善用工具,才能在快速发展的科技浪潮中立于不败之地。

77ccff6f7a445d444f02ebd837518cb5.gif

从代码质量来看,已经可以用一个技术熟练程序员来对标了。你可能会问,这种 AI IDE 工具能投入实际生产开发么?我觉得,完全取代现有的开发工具还比较难,但已经能辅助程序员提升不少效率了。就拿前端开发来说,过去程序员需要根据高保真原型图来写代码,先构建页面结构,然后写交互逻辑,最后再把视觉素材加上。看似一个简单的页面,对程序员来说就是至少三个环节的代码工作。

七分靠 AI,三分靠人工

如果用 Trae 这样的 AI 产品来做,直接把高保真原型图丢给他,然后就可以得到一个写好的前端代码。不说百分百满足需求,能还原个七成其实就已经非常提效了。因此,要让 Trae 这样的产品完全替代现有开发工具还是很困难的,至少需要很长的一段时间。不过,这是一个趋势,随着 AI 能力的增强和产品开发的迭代,未来会陆续有纯 AI 开发的产品。