大家好,我是樱木。
今天打开 Trae ,已经看到它进行图标升级,之前的图标,国际和国内版本长得非常像,现在做了很明显的区分,这点给 Trae 团队点个赞。
自从 Claude 使出了压力以来,Cursor 锁区,同时横向看其他 AI 编程工具, Trae 开始低调起来了。
打开 Trae,看不到使用的大模型了,只看到了右下角显示了 Auto,如下图:

果然验证了一句话:用人家的,得看人家颜色行事。
学习前端,我们经常写注册、登录等等页面,这个场景太常见了。就像有的同学吐槽,图书管理系统,从大一写到毕业。。。。
我们今天使用 Trae 来写一个注册登录。
我们在右边的输入框输入:写登录、注册页面,包含用户名、密码、验证码等等。
Trae 开始构建项目、组件、样式、安装依赖等等。

生成的项目说明文档:
功能介绍:登录页面和注册页面,使用说明什么的。。。


项目结构
使用的技术栈

我们可以看到不做什么说明的话,前端主流使用的 React 框架。
页面效果如下:
登录页面

注册页面

Auto 模式,Trae 使用的大模型虽然是未知,但是我们以往使用经验来看,还是有点降配,但是简单的页面还是瑕不掩瑜。
简单的前端页面,非程序员也可以做的很好了,在 AI 加持下,这已经不是程序员专属技能了。
好啦,今天的分享就到这里了。有帮助的帮忙点个赞。
AI 系列入门手把手教程:AI教程合集
我是樱木,持续探索 AI 领域,主要分享最新的 AI 工具动态,评测,提效。