我这次想解决什么
虽然我不是这学期刚开学的学生，但这次用 TraeCode 搭原型的经历，某种意义上也是一个新起点——新学期嘛，大家都在找新工具、学新东西，我这个非程序员跨到前端原型领域的经历，可能能给同样不会写代码的朋友一些参考。
我日常做设计项目有个长期痛点：经常需要给客户出一些交互演示版——比如某个机构的运动逻辑、某个操作面板的流程，让客户在浏览器里点着就能看效果。但我对编程一窍不通，HTML、CSS、JavaScript 是什么都不知道，纯手写是不可能的。以前要么找人帮忙做，要么自己硬着头皮拼截图，效率极低。这次想试试 TraeCode，看能不能用自然语言就让它帮我搭出来。
我是谁，为什么这件事对我重要
机械设计师，日常就是用 AutoCAD 画图纸。不会写代码，连变量是什么意思都不懂。每次做项目给客户或供应商讲方案，光靠嘴说和静态图纸经常讲不清楚——如果能有个能点的东西让别人直观看到效果，沟通效率能翻倍。之前找人帮忙做自己又社恐 
和人沟通真是太难辣~！自己硬做又不会，所以想试试 AI 能不能帮我补上这个短板。
我是怎么把 TraeCode 慢慢用顺的
第一步：就用大白话描述要什么
一开始我也不太敢用，怕自己说不清楚。后来发现根本不用担心——我就对着自己画的图纸，用大白话跟它说：“帮我画个面板，大概 A4 纸这么大，上面要有三个圆形按钮、四个指示灯、一个标题栏，布局大概这样……” 它直接生成了一个 HTML 文件，用纯 CSS 画的各种控件，连图片都没用。我打开浏览器一看，嚯，和我脑子里想的差不多。
第二步：逻辑不对？继续用大白话改
界面搭出来了，但点的时候发现逻辑不对——我想要"左边按了按钮之后右边的灯亮"，结果它写成了"上面按了按钮下面的灯亮"。我也看不懂它写的代码，就直接跟它说：“不对，这个按钮按下之后应该是那边的灯亮，顺序是先这样再那样，中间还要等几秒才往下走……” 它改完我刷新浏览器再点，不对继续说。就这样来回改了好几轮，逻辑居然全对上了。
额度限制的大坑：真的会断思路
中间试过用另一款 AI 接力改，那款是按次数/按时间算额度的，改到一下午傍晚额度耗尽直接断了。我当时正在理顺一段比较绕的逻辑链——得跟它说清楚好几层条件判断，思路刚理到一半就断了，第二天得重新从头捋，光跟它重复描述那些条件就花了快半小时。
换回 TraeCode 就没这个问题了。用的是积分制，改了多少都没被卡死过。连续改了好几天，中间有好几次是上午改到一半去忙别的，下午回来接着说"刚才改到那个按钮逻辑了对吧？继续"，它能接上。我还试过同时开两个窗口，一个写交互原型，一个写技术说明文档，两边都不卡。
养成一个好习惯：让它每次改完自己记一笔
有了那次中断的教训，我让它每次改完都做两件事：
- 在文件开头加一行注释，写清楚改了什么、什么时候改的
- 项目文件夹里维护一份"修改记录"，每次改动都记一条
后来有次同事接了我放下的一段，他也不懂代码，但读完那份记录直接续做，没耽误进度。如果是之前靠我自己脑子记的方式，换个人接手肯定得对着代码猜半天——反正我们都看不懂代码，但看得懂"上次改了什么、下次要改什么"。
改完必须自己点一遍
有次它直接覆盖了整个文件，把之前改好的布局全弄没了。后来学会了：改之前让它先备份一份，改的时候让它只动指定的几个地方，改完我自己在浏览器里点一遍所有按钮和状态。还有个我在 AutoCAD 里踩过的坑——不小心改了个不该动的东西导致整个 CAD 崩了，我跟 TraeCode 提了一次，之后它自动就避开那种写法了。把自己踩过的坑告诉 AI，比每次自己检查省太多事。
我最后做成了什么
一个完整的交互演示版，客户在浏览器里点按钮就能看所有状态变化。从开交到改完，比之前找人帮忙快了至少一半。中间有好几次我自己都觉得"这段逻辑太绕了我说不清楚"，但硬着头皮用大白话跟它说清楚条件之后，它能帮我把逻辑理顺写出来。
想给后来的人留一句建议
第一，别怕说不清楚，就用大白话描述你脑子里的画面。 你不需要懂代码，不需要说"帮我写个 if-else 判断"，你只需要说"这个按钮按下之后，那边的灯要亮，然后等几秒，再……" 说不清楚也没关系，它改完你点一遍，不对继续说，多改几轮就对了。
第二，一定要让 AI 帮你记清楚每次改了什么。 不管用哪款 AI，多轮改的项目里让它每改一次就记一笔。遇到额度耗尽、会话到期（真的会发生），或者换个人接手，你会感谢自己当初这个决定的。
最后说句题外话：这整篇文章其实也是 TraeCode 帮我整理出来的。我自己写东西一向是想到哪说到哪，根本没法这么有条理、这么全面精准地把一段经历梳理清楚。结果就是——我用 TraeCode 做了原型，又用 TraeCode 写了上手记，相当于一个工具帮我跨了两个不会的领域。开学季嘛，试试让 AI 帮你做一件你本来不会的事，说不定会发现比想象中容易得多。