用trae+deepseek帮我实现个给牛马打鸡血的工具(上)

219 阅读3分钟

最近看到一个视频,是推荐一个激励牛马好好干活的网站。网站可以设置自己的工资和每天的工作时长,设置好后,会显示你现在工作的每一秒的收入(单位到角),这样,你在公司工作或者摸鱼的时候,就能时时刻刻看到都有钱入账。哈哈,看起来还挺有意思。不过它那个只有网页版,而且收入单位是角,这让工资不高,设置完后,看着过个几秒才跳动一下,妥妥的精神激励不大,反而有点影响心情。

哈哈,既然有问题,而且看着实现起来又很简单。外加现在ai这么火,直接trae+deepseek主打一个免费无脑,我们也自己搞一个。当然要是手机、网页通用的。

说干就干

刚好五一在家有时间,下个最新版本的trae,然后先让ai描述下我的需求后,直接提交让trae+deepseek-r1帮我开发。

记下当前时间10:56分 在这里插入图片描述 10:59分,trae给我生成了三个文件: index.html,styles.css,app.js。并发出一个启动命令:

python -m http.server 8000

在这里插入图片描述

代码啥的全都不看,我信任ai大佬,直接点运行。

服务启动成功,11:02分。并给了个预览按钮,点下看看: 在这里插入图片描述

挖槽,还真成了,金灿灿的,我试试效果。输入月薪6000,每天工作8小时,然后点开始,效果还行。

精益求精

还不错,不过好像没法显示具体的当前月份,而且也没有按当前月份具体的工作天数算,那就再让ai改下: 在这里插入图片描述

这次还是改了不到5分钟,看效果 在这里插入图片描述

ai给我加了日期组件,还给我设置了工作的开始时间和结束时间,可是这次除了bug:

  • 设置完后,每秒的收入不会变了,导致点开始也不会计算,
  • 我需求是自动在显眼处显示当前日期,而不是让我填当前日期。 这两点提一下,让ai改改

哈哈,分析的还挺到位: 在这里插入图片描述

逐渐烦躁

这次花了将近5分钟,可能问题有点大。看改完后效果: 在这里插入图片描述

额,每秒收入还是有问题,而且开始时间和结束时间那一行的日期输入可以去掉,因为已经在下面显示当前日期了。继续让ai再改改,现在是11:40。

……为了避免篇幅太长,强哥这里省略让ai反复修复问题十多次,期间多次修改没效果,逐渐烦躁。而且越改越错,甚至启动命令都改用npm run dev,根本跑不起来。ai感觉开始逐渐智障…… 在这里插入图片描述

现在是12:04分,有点烦了,感觉ai已经不太行了。怎么改都不对,这么下去肯定不行,决定放弃当前方式,目前耗时:10:56~12:04=1小时8分钟。额,时间没过太久,怎么我感觉有种经历了大半天的时间,虽然不怎么要我动脑,可是反复修改没效果会让我很烦。

篇幅原因,这篇先到这。我也歇会……

深入了解我