trae国内版项目实战初体验从零开始创建项目trae国内版项目实战初体验从零开始创建项目,微信小程序打卡项目,由trae - 掘金

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

trae国内版今天发布了,赶紧下载下来体验了一把。下载地址:www.trae.com.cn/

安装

安装没啥好说的,一路next 。安装后注册一个账号登录,做下简单的配置即可。trae的界面和visual studio code很像。只是在右边提供了和AI对话的窗口:

屏幕截图 2025-03-03 161300.png

有两种模式:chat和builder。 chat也就是对话,可以做到边开发边和AI对话,让AI帮我们做一些模块代码的编写。 builder貌似是可以直接生成代码,不过现在是Alpha版本。

项目实战

如果只是使用trae生成一段贪吃蛇代码,这样对AI大模型来说太简单了,那我们就从项目实战开始,先做一个简单的项目:微信小程序打卡,后端基于springboot3,前端使用微信小程序原生框架。

生成项目代码

直接选启用builder,在提示下需要选择一个目录,选好目录后在对话框中输入如下:

基于springboot3+微信小程序原生框架开发一个每日打卡的微信小程序前端及后端代码,数据库使用mysql8。该APP的功能包括:1、注册,支持微信一键注册;2、登录,支持微信一键登录。3、登录后支持创建打卡任务,打卡任务属性包括:任务名称、计划打卡时间、计划打卡开始日期、计划打卡结束日期。4、任务到点前10分钟在微信小程序上面提醒用户打卡,采用微信小程序消息通知功能。5、打卡时支持填写打卡的内容,打卡内容包括图文、音频上传、视频上传,后台自动记录打卡人及打卡时间。6、登录用户可查询到自己所有的打卡任务及打卡记录。7、后端代码的包名为com.xx.daka ,工程名为daka。通过maven打包时通过阿里云maven镜像下载依赖。8、前端代码的工程名为daka-ui,前端项目工程代码目录和后端项目工程代码目录平级。

从上面的文字描述来看,只是对需求做了简单的描述,我们来看看AI的反应 :

图片.png

代码直接就给我生成了,而且还输出了思考过程,并且输出的代码还能给我审核,我一概都选择全部接受:

图片.png

修正后台java代码

最后生成的java代码用idea打卡,trae对java项目的支持不好,后端java代码如下:

图片.png

编译报错,貌似有个类没有生成。 重新在AI的输入框输入如下进行修正:

检查后端java代码,编译提示ResponseResult不存在,请检查ResponseResult是不是没有生成,若没有,请补全

图片.png

AI 识别到了缺失的类,并进行了修正。 重新在Idea中用maven编译,发现还是有几个明显的包引入的问题,手动处理后,编译通过了!

图片.png

生成数据库脚本

在AI对话框中输入:

请在后端项目工程中新建db目录,并生成建表的SQL

图片.png

AI按照要求生成了SQL文件:

图片.png

把SQL导入到自己的数据库。

前端代码

前端生成的代码如下:

图片.png

用微信开发者工具打开报错了:

图片.png

提示:app.json: 未找到 ["pages"][2] 对应的 pages/task/create.wxml 文件

怎么处理? 简单, 直接丢给AI试试,在AI输入框输入:

前端代码用微信开发者工具打开提示:app.json: 未找到 ["pages"][2] 对应的 pages/task/create.wxml 文件 ,请修正

AI马上给出反馈开始修复,真是爽啊

图片.png

后面不管遇到啥问题,都丢给AI去修复即可。最后修复完编译不报错了,代码如下:

图片.png

总结

整体体验下来,有几点感受:

  1. trae这类的IDE肯定会改变软件开发的流程。后续软件开发的速度只会是越来越快。现阶段trae生成的代码还是会存在各种问题,需要有经验的软件工程师手动修复。1个高手顶10个菜鸟的时代要来了。
  2. 现阶段全新生成代码的能力还比较弱,生成部分模块代码的能力和bug修复的能力还是很强,节省了很多时间。
  3. 后续准备拿一个成熟的项目让trace分析代码并生成新的模块代码,再看看效果。

原网址: 访问
创建于: 2025-08-25 23:18:25
目录: default
标签: 无

请先后发表评论
  • 最新评论
  • 总共0条评论