【cursor】前后端分离项目下的AI跨工程管理方案

目录

一、需求背景

二、解决方案：统一文件夹管理

[2.1 核心思路](#2.1 核心思路)

[2.2 实施步骤](#2.2 实施步骤)

步骤一：创建项目根目录

步骤二：在AI编辑器中打开项目根目录

步骤三：对话时引用关键工程

---

一、需求背景

• 前后端分离项目通常分为前端项目和后端项目，分别使用不同的技术栈和工程结构

• 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可以同时理解前后端代码，生成符合接口契约的代码。