我用TraeCode接手官网项目，半天搞定一个模块
我是前端开发，前阵子公司安排我接手一个React官网项目，同事离职大半年了，代码基本没人动过。领导说要在官网上加一个合作伙伴展示模块，需要列表页和详情页，两天内搞定。
这项目我以前完全没碰过，问了一圈也没人清楚细节，只能自己翻代码硬啃。以前遇到这种事，我至少得花半天把所有文件看一遍，才能找到路由在哪、接口怎么调、组件怎么复用。
这次我决定用TraeCode试试。
怎么做的
第一步，让它先帮我摸清项目底细。
我的操作很简单，在对话框里打了一句：“我刚接手这个React项目，什么都不懂，帮我梳理一下目录结构、路由配置和接口封装方式。”
它很快输出了一份分析，告诉我pages下面是页面组件，router里配了路由，services里封了接口请求。看完这个，我大概花了10分钟就对整个项目有了数，至少知道想改东西该去哪个文件夹找。
第二步，让它出方案，我来拍板。
我跟它说：“要加合作伙伴列表页和详情页，列表网格布局，详情要有banner和介绍区，参考项目现有页面的写法来。”
它给出了具体的改动计划：在pages里新建两个组件、router里加两条路由、services里加接口定义、types里加类型声明。我看了一遍，没什么问题，跟现有代码风格也对得上，就让继续了。
第三步，让它干活，我来验收。
我把执行权交给它，让它按方案一步步生成代码。它自己创建了所有文件，引用了项目里现有的布局组件和样式变量，连移动端适配都照着其他页面的断点做了。
代码生成后，我让它检查了两件事：一是移动端布局有没有变形，二是接口类型对不对。它发现卡片在手机上间距偏大，还有图片没做容错处理，我让它当场修复了。
成果和感受
前后不到半天，代码就提测了，当天联调完，第二天上线。
对比一下：
| 环节 | 以前 | 这次 |
|---|---|---|
| 摸清项目结构 | 半天 | 10分钟 |
| 出改动方案 | 1-2小时 | 半小时 |
| 写代码 | 4-6小时 | 1小时 |
| 检查调试 | 2小时 | 半小时 |
以前接手这种老项目，光是找人问、翻代码、理关系，大半天就没了。这次基本没让我在“找东西”这件事上花什么时间。
几点经验
- 陌生项目先让AI梳理一遍，比自己瞎翻快得多
- 跨模块改动前让AI先出方案，看没问题再让它动
- 引用文件用
@指定上下文，生成的东西更准 - 团队代码规范写成规则丢给AI，风格基本不用改