trae使用测评系列--前端入门到京东外卖

143 阅读2分钟

用trae开发前端,模型以claude3.7为主,有时使用人数据多要排队,定了以下几个案例: 1、利用Vue3 + Vite + Ant Design Vue,生成前端框架。 结果:框架清晰,结构完整,技术栈正确,路由页面都正常,运行也正常。

image.png

image.png

2、生成弹力小球游戏,使用键盘方向键控制小球移动,空格键重置游戏,可以设置重力参数。 结果:游戏页面正确,参数控制正常,键盘操作可用,物理逻辑正确。

image.png

3、输入UI设计截图,生成页面。 结果:设计图主要是echarts图表,还原效果良好,整体还原度60%,细节部分有较多需要人工优化。

image.png

4、利用openlayers组件生成地图页面并加载天地图底图,可切换不同底图,并在左侧插入柱状图。 结果:页面正确生成,地图类型可以切换,鼠标基本操作可用,但是生成过程可能需要人工干预,修正一些问题再提交生成,期间不需要人工编码。

image.png

5、利用cesiumjs创建三维地图页面,并加载高德地图。 结果:需要人工调试多次,把运行错误提示输入模型,最终经过几次修改成功生成页面。

image.png

5.1 在cesiumjs三维页面上继续开发,利用粒子系统生成移动的云朵。 结果: 仍然需要人工调试,而且调试次数增多,并且在效果细节上需要不断优化,但是最终效果还是挺好的。

image.png

5.2 在cesiumjs三维页面,开发一个绘制功能,绘制燕尾图形。 结果: 功能在人工调试多次之后能正常使用,另外绘制的图形也需要多次优化,才能逐渐接近设想。

image.png

总结:trae从刚发布就开始使用,给我最大的帮助就是在项目中能解决一些疑难问题,或者给出一些思路,这样的话可以基本不用去请教别人;模型上,跟前期的claude3.5模型使用结果比起来,claude3.7有长足的进步,不论是生产代码,还是解决疑难问题;总之,它对于我的开发工作有很大的帮助,甚至让我产生了很大的职业危机感,在未来完全取代人工也不是没有可能,尤其是前端,真的是从入门到外卖。