快到马年了,使用Trae做了个春节倒计时🏮,预祝大家马年春节快乐🧧

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

蛇年春节刚过,距离2026马年春节还有350多天,作为一个技术爱好者,在这样一个特殊的时刻,用代码来记录倒计时是一种很有趣的方式。本文将通过使用Trae开发一个简单的春节倒计时程序,并将其部署到阿里云服务器上,实现一个完整的开发过程。

trae下载地址: www.trae.ai/?utm_source...

可以看到trae和cursor的布局基本没有差别

Trae里的Builder功能是一个能从0到1开发完整项目的工具,和Cursor的Composer功能相同,能够理解多个文件,并且自动生成文件和代码

启用方式:使用command + U快捷键打开侧边对话框

开发春节倒计时

打开一个文件,新建项目

接着在对话框里输入功能描述和要求:

使用html、css、js开发一个春节倒计时网站,功能要求:例如明年是2026年,网站上就要显示距离2026年马年春晚还有 多少天多少小时多少分多少main,帮我生成可运行的代码

虽然我写有错别字,但是trae依然能够理解我的意思,并把功能实现。果然,Claude-3.5-sonnet确实强大👍

trae能够根据我的描述生成对应的文件和代码,选择全部接受后就可以在浏览器里看到效果

可以看到效果,功能确实是实现了,但是把全部代码都放到一个文件里,不利于后面功能的添加和修改,现在我们让trae修改一下

把html和js分开写到不同的文件里,并添加注释增加代码的可读性

现在代码和功能果然变得清晰明了了起来

但是也发现了一个问题,只有距离2026年的倒计时,我想要十年内所有的倒计时,现在再让trae修改一下

不仅要2026年的倒计时,未来十年都要,并且 年份后面还要显示年份生肖,例如:距离2026年马年春节还有

功能是做出来了,但是效果不是我想要的,我想要只显示最近一年的春节倒计时

现在页面已经开发好了,就差让jym在线上看见了,所以把它放到云服务器上

部署上线

在这设置域名站点

在这上传代码文件

大家可以浏览: 春节倒计时网站

在此提前预祝大家2026年马年春节快乐,马到成功、龙马精神、一马当先,立马实现

相关推荐
QQ1__8115175151 小时前
Spring boot名城小区物业管理系统信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】
前端·vue.js·spring boot
钛态1 小时前
前端微前端架构:大项目的救命稻草还是自找麻烦?
前端·vue·react·web
一粒黑子1 小时前
【实战解析】阿里开源 PageAgent:纯前端 GUI Agent,一行JS让网页支持自然语言操控
前端·javascript·开源
独角鲸网络安全实验室1 小时前
2026微信小程序抓包全解析:从实操落地到合规风控,解锁前端调试新范式
前端·微信小程序·小程序·抓包·系统代理绕过·https证书严格校验·进程隔离
紫微AI1 小时前
前端文本测量成了卡死一切创新的最后瓶颈,pretext实现突破了
前端·人工智能·typescript
GISer_Jing1 小时前
AI前端(From豆包)
前端·aigc·ai编程
IT枫斗者1 小时前
前端部署后如何判断“页面是不是最新”?一套可落地的版本检测方案(适配 Vite/Vue/React/任意 SPA)
前端·javascript·vue.js·react.js·架构·bug
测试修炼手册1 小时前
[测试技术] 深入理解 JSON Web Token (JWT)
前端·json
AI老李1 小时前
2026 年 Web 前端开发的 8 个趋势!
前端
里欧跑得慢1 小时前
15. Web可访问性最佳实践:让每个用户都能平等访问
前端·css·flutter·web