【TraeCode 上手记】从"不会提问"到"一个人做完带虚拟支付的全栈网站"——我总结的5条新手上手经验

一、我这次想解决什么

暑假我想做一个英语四级每日打卡网站——史迪奇主题,签到送金币,有勋章成就系统。但我HTML/CSS,后端、数据库、支付、部署一个都不会…

我不是想"学一门语言",我是想直接做出一个能用的产品。传统路径是先学Node.js、再学数据库、再学部署、再学支付——每个至少一两个月,等学完四级早考完了。我想试试能不能用TraeCode跳过"先学再做",直接"边做边学"。

二、我是谁,为什么这件事对我重要

我是准大二专科学生,分布式发电专业,非科班。去年高考后才第一次接触编程,基础很薄——会写简单的HTML页面,但完全不懂后端逻辑、数据库设计、网络部署这些概念。而后面因为专业不匹配,加上学习编程具有难度随后放弃了,上学期见证了ai的发展迅速,于是借助ai重学编程…

这件事对我重要的原因很现实:我马上要考四级了,于是就想着ai为我量身定制一个学习计划,而在使用过程中我突发奇想,要不要做一个能自定义计划,还能实时提醒的app;市面上的app都不够定制化,我想做一个自己喜欢的。如果做不出来,那计划会变成固定的,每次修改都要重新生成,十分麻烦——坚持不了多久。所以我是被"刚需"推着去试的,不是为了学技术而学技术。

三、我是怎么把TraeCode慢慢用顺的

这个过程不是一次成型的,大概经历了三个阶段:

阶段一:不会提问,效果很差

我最开始的提问方式是:“帮我做一个打卡网站。” TraeCode确实生成了一个页面,但功能很简陋,而且我完全看不懂后端代码——它生成什么我就用什么,出了问题也不知道怎么描述。

后来我发现:提示词越具体,结果越好。 我改成"做一个英语学习打卡网页,史迪奇蓝色主题,首页有签到按钮,签到后弹出庆祝动画,连续签到3天解锁第一枚勋章,数据用localStorage存"——这样出来的结果直接能跑,而且每个功能都在点上。

阶段二:学会描述现象,而不是猜原因

做到支付功能时遇到一个大bug:注册接口提示"请85599秒后再试"。85599秒≈24小时,等于一天不能注册。我一开始猜是"时间计算溢出",改了好几次都不对。后来我把完整的错误信息直接贴给TraeCode,它10秒就定位到了根因——限流逻辑在输入校验之前就消耗了配额,输错一次密码也要等24小时。

这件事让我意识到:不要替AI猜原因,把现象和报错原样描述过去就行,还能省积分。 我之前浪费了很多时间在自己猜原因上。

阶段三:学会拆步骤,一步一步验收

做到云部署时最痛苦。我一开始说"帮我把网站部署到Vercel",它生成了配置文件,但部署报错"函数超过12个限制"。我直接又贴报错,它教我用catch-all路由合并。但合并完又发现数据库连不上——Supabase报WebSocket错误。我又贴报错,它告诉我Node.js版本太低要升到22。

后来我学聪明了:每改一步,先在本地验证跑通了,再改下一步(对于新手很重要)。 不再一口气让它改5个地方然后一起测试——那样出错了根本不知道是哪一步的问题。

四、我做成了什么 + 给后来人的5条建议

最后做成了一个叫「史迪奇的学习乐园」的打卡网站:签到、金币、勋章、补签、月历、虚拟充值,真的在用。


如果让我推荐给下一个人,我会给这5条建议:

1. 第一次提问,把"给谁用+核心功能+技术偏好"全说清

不要只说"做个网站"。说清楚:给谁用、核心功能是什么、前端用什么技术、要不要后端。这一步决定了整个项目的方向,越具体后面越少返工。

2. 出了bug,贴现象别贴猜测,省积分,减少抽卡次数

把报错信息、触发操作、期望结果三件事说清楚就行。不要自己先猜"是不是XX的问题"——你猜错了反而误导它。亲测:贴报错原文比自己分析原因,解决速度快3倍以上。

3. 改代码一次只改一个地方,改完先验证再改下一个

一口气改5个地方然后一起测试,出错了你不知道是哪一步的锅。一次改一个,本地验证跑通了,再改下一个。这个习惯能帮你省掉大量排查时间。

4. 部署一定要趁早,不要等"完美了"再上线

本地跑和线上跑差很远:函数数量限制、冷启动、环境变量、Node版本……这些都是部署后才会暴露的问题。建议做出MVP就先部署一次,把部署链路跑通,后面只是迭代更新。我一开始想"等做完美了再部署",结果到最后一次部署时踩了5个坑,每个都是新问题。

5. 问"下一步该做什么",而不是等自己想到再问

做完基本功能后我不知道还要加什么,用了几天才发现"想给同学用→要加注册登录",又用了几天才发现"金币没地方花→要接支付",又用了几天才发现"要开着电脑→要云部署"。后来我学会了做完一个阶段就主动问TraeCode:"这个项目目前能用,但如果要给更多人用、要更方便地用,你觉得下一步该做什么?"它会主动帮你梳理接下来可以做的方向。

:cheese_wedge:固定碎碎念~:我真正接触Trae Code就是在这个暑假,这个软件是我结合ai做的第一个产品,没想到效果还不错,但确实踩了很多很多坑,有的宝宝可能看过我发过这个网站了,也收到一些反馈,谢谢大家的喜欢,目前也脱离了小白的身份变成“中白”了…这次发帖主要目的是希望能够帮助到一些和我当初一样刚接触的新手宝宝,能在自己的第一次开发中少走点弯路~

2 个赞

做的不错哦

2 个赞

直接把需求发给AI,真的很方便

2 个赞

AI会逐步抹平所有人对学习AI的阻碍。估计以后生活已经离不开AI了。

2 个赞