在AI时代,AI编程工具已成为日常开发的标准配置。用Cursor编写新功能,借助Copilot进行代码补全,让Claude协助解读老旧代码。这套流程运转起来,效率确实显著提升——但那些常见的陷阱一个都没少踩。
有些问题会让你白白浪费两三个小时,有些缺陷在Code Review时被同事当场指出,还有一次险些将测试环境的接口地址提交到main分支。事后复盘才发现,大多数问题的根源不在于AI本身,而是自己没有把上下文信息交代清晰。
本文将这些问题及其解决方案整理出来,希望能帮你少走一些弯路。
陷阱一:生成的组件与项目规范风格不匹配
场景还原:接到一个需求,需要制作一个带搜索功能的商品列表页。在Cursor中输入“帮我写一个商品列表组件,Vue 3 + TypeScript”,结果AI生成的代码采用了Options API,而项目全部使用Composition API;变量命名采用了camelCase,但项目规范要求PascalCase;还擅自引入了lodash,而项目根本没有安装这个依赖包。返工耗时近一个小时。
根本原因:Prompt没有提供任何项目上下文信息,AI只能靠“猜测”来完成任务。
解法 Prompt:
“帮我开发一个前端组件,具体要求如下:组件功能:带搜索过滤的商品列表,支持分页。技术栈:Vue 3 + Composition API(
