一、需求背景
- 前后端分离项目通常分为前端项目和后端项目，分别使用不同的技术栈和工程结构
- AI编辑器默认只能在一个工程（Project）内工作，无法跨工程引用代码和上下文
- 开发时需要前后端联调，需要AI理解前后端的完整业务逻辑
- 传统方式需要在两个工程间切换，效率低下，且AI无法理解完整的业务链路
二、解决方案：统一文件夹管理
2.1 核心思路
- 将前端项目和后端项目放在同一个父文件夹下
- AI编辑器打开父文件夹，可以同时访问前后端代码
- 在对话中使用@引用功能，明确指定要引用的工程
2.2 实施步骤
步骤一：创建项目根目录
ai-interview-platform/
├── frontend/ # 前端项目
│ ├── src/
│ └── package.json
├── backend/ # 后端项目
│ ├── src/
│ └── pom.xml
└── README.md
步骤二：在AI编辑器中打开项目根目录
- 使用Cursor打开
ai-interview-platform文件夹 - AI编辑器可以同时看到前端和后端代码
步骤三：对话时引用关键工程
@frontend/src/api/user.js @backend/src/controller/UserController.java
帮我实现用户登录功能，前端调用后端接口
AI可以同时理解前后端代码，生成符合接口契约的代码。
