我用 TraeCode 接手陌生代码库，2天完成需求修改并提测
一、我是谁，以及我遇到了什么问题
我的背景：
岗位：前端开发工程师
行业：互联网电商
日常工作内容：负责公司内部运营后台的前端开发和维护
遇到的问题：
8月初，我们团队接到一个紧急需求：在现有的订单管理后台中增加"批量导出订单数据到Excel"功能，并要求支持自定义字段选择。这个后台系统已经上线运行了1年多，由前同事开发，而我刚加入团队不到2周，对这套代码几乎完全不熟悉。
难点在于：
代码量较大（约3万行），且没有完整的文档
需要在2天内完成开发并提测
涉及多个模块的联动修改（列表页、筛选条件、导出逻辑）
需要保证不影响现有功能
如果按传统方式，我需要先花半天时间向同事请教、翻阅代码、理解架构，然后再开始开发，时间非常紧张。
二、我是怎么用 TraeCode 解决这件事的
使用模式： IDE 模式为主，SOLO 模式为辅
第一步：让 TraeCode 快速理解项目结构和需求
我先把整个项目文件夹拖入 TraeCode，然后输入以下提示词：
12345678
TraeCode 在约30秒内给出了清晰的项目概览，包括：
技术栈：Vue 3 + TypeScript + Element Plus
订单相关代码位于 src/views/order/ 目录下
已有单个订单导出功能，实现在 src/api/export.ts
API 采用 axios 封装，统一在 src/utils/request.ts
技巧： 第一次对话时给出明确的问题清单，能让 AI 更有针对性地分析，避免泛泛而谈。
第二步：定位关键文件并理解现有导出逻辑
接着我问：
1234567
TraeCode 不仅列出了需要修改的文件，还标注了具体的行号和函数名，甚至给出了初步的修改思路：
需要在 export.ts 中新增 batchExportOrders 方法
需要在 index.vue 中添加多选功能和导出按钮
需要处理分页数据的合并逻辑
第三步：生成代码并逐步验证
我切换到 SOLO 模式，让它直接生成代码：
1234567
TraeCode 生成了完整的代码，包括：
API 层的 batchExportOrders 函数
视图层的多选表格配置
字段选择的弹窗组件
导出前的数据校验逻辑
我将代码复制到项目中，发现有一处类型定义错误。我直接把错误信息贴给它：
1
它立即指出了我在接口定义中漏掉了这个字段，并给出了修正后的 TypeScript 接口定义。
第四步：联调测试和边界情况处理
代码写完后，我在本地启动项目进行测试。遇到一个问题：当选择超过100条订单时，导出速度很慢。
我把性能问题描述给 TraeCode：
12
它给出了3个建议：
前端添加 loading 状态和进度提示
后端改为异步任务，前端轮询查询结果
前端分批处理数据，避免一次性渲染
由于时间紧张，我选择了方案1+3的组合：添加 loading 动画，并在前端限制单次最多导出200条，超出则提示用户分批操作。
TraeCode 很快生成了对应的 UI 改进代码和提示信息。
第五步：整理变更并生成文档
最后，我让 TraeCode 帮我总结这次修改：
1234567
它生成了一份清晰的 Markdown 文档，我稍作调整后直接用作 PR 描述。
三、成果展示
最终交付物：
完整的批量导出功能代码（含字段自定义选择）
前端性能优化（loading 状态 + 数量限制提示）
变更说明文档
已通过测试环境验证，等待正式提测
解决的问题：
运营人员不再需要逐个导出订单再手动合并，效率提升明显
支持灵活选择导出字段，满足不同场景需求
代码规范，便于后续维护
上线状态：
已于8月10日提交测试，预计8月15日随版本一起上线生产环境。
四、效率对比
维度
以前怎么做
现在用 TraeCode
理解代码
问同事 + 自己翻代码，至少需要半天
TraeCode 30分钟梳理清楚项目结构和关键逻辑
定位修改点
通过关键词搜索 + 经验判断，容易遗漏
TraeCode 精准定位相关文件和建议修改位置
编写代码
查阅文档 + 手写，约6-8小时
TraeCode 生成初稿 + 人工调整，约2-3小时
调试排错
反复试错 + 查 StackOverflow，耗时不确定
直接粘贴错误信息，快速获得修复建议
总耗时
预估需要2-3天
实际用时约1.5天（含沟通和测试）
核心节省时间： 至少节省了1天的工作量，让我能在紧迫的 deadline 前从容完成开发和自测。
五、经验和技巧总结
通过这次实践，我总结了3条实用经验：
- 先给上下文，再生成代码
不要一上来就让 AI 写代码。先用几轮对话让它理解项目背景、技术栈和你的具体需求。上下文越清晰，生成的代码越准确，减少后期返工。 - 复杂任务拆解成小步骤
比如这次批量导出功能，我拆成了：理解项目 → 定位文件 → 生成API → 生成UI → 调试优化 → 整理文档。每一步都单独对话，比一次性让它完成所有工作效果更好。 - IDE 模式和 SOLO 模式灵活切换
IDE 模式适合：理解代码、定位问题、审查变更
SOLO 模式适合：生成完整代码块、快速原型开发
根据任务性质选择合适的模式，能事半功倍。
写在最后
作为一个刚入职的新人，面对陌生的大型代码库和紧迫的需求，TraeCode 就像一个经验丰富的"结对编程伙伴"，帮我快速上手、减少摸索时间。它不仅是一个代码生成工具，更是一个能理解上下文、协助思考的智能助手。
希望这个案例能给同样面临类似场景的同学一些参考。如果你有更好的用法，欢迎交流！
标签： TraeCode的100种用法 #前端开发 #代码理解 #效率提升