我用 TraeCode 从零搭建出了属于自己的个人简历展示网站
我是一名刚刚开学的准大一新生，物联网工程专业,马上步入大一新学期，我一直想拥有一个线上个人主页，用来展示我的简历、过往学习经历。但是在此之前我只学过一点点 HTML 基础，对于 CSS 布局、页面美化、功能调试一知半解，独立写一整个完整的简历网站对我来说难度不小。之前手动敲代码的时候经常出现样式错乱、排版对不齐的问题，反复调试耗费了我大量时间。于是我决定尝试使用 TraeCode，希望借助 AI 快速搭建一个美观、可以正常运行的静态简历网页，省去自己一点点排查 bug 的麻烦。
现阶段正处在编程入门打基础的阶段，往后大学期间不管是社团面试、项目展示，一份线上可视化的简历都能成为我的加分项。选择使用 TraeCode，一方面是想做出一个能落地的成品网页；另一方面也是希望借着这次实践，学习前端网页的编写思路，跳出只看网课不动手写代码的困境，学会借助 AI 工具辅助自己完成项目，降低自学编程的门槛。
最开始上手的时候我踩了不少坑。一开始我直接丢了一个很大的指令：“帮我写一个完整的个人简历网站”。一次性生成完整项目，上下文内容太长，对话跑着跑着积分很快就耗尽了，生成出来的代码也会出现部分布局出错的情况。后来慢慢摸索出了适合自己的使用方式，我学会拆分任务，**每完成一块功能就新开一个对话窗口**。我先让它搭建网页基础骨架，再单独调整导航栏，接着编写简历个人介绍板块，最后微调 CSS 样式、修改配色。遇到页面排版错位的时候，我不再笼统地问它 “哪里出错了”，而是精准的把出错的文件路径、问题截图发给 Trae，告诉它只修改指定部分，其余代码保持不动。也是这时我才领悟到，用它最顺畅的用法，不是全权交给 Agent 全自动跑完所有任务，而是我把控项目方向，AI 充当我的编程助手，一步一步辅助我实现效果，效率一下子就上来了。
最终我成功做出了一个属于自己的静态个人简历网站！页面布局清爽美观，成功放上了我的个人简介、学习经历板块，代码可以直接本地运行，一个入门小白顺利完成了之前不敢想象的网页项目。
给之后新手小伙伴的建议：不要害怕自己代码基础薄弱不敢上手 TraeCode。使用的时候一定要学会拆分大项目，避免一次性下达超大任务，精准描述你的修改需求。不要过度依赖 Auto 全自动 Agent，人带着 AI 一步一步走，既能省下宝贵的积分额度，还能在项目过程中学到真正的代码知识。
2 个赞
