Cursor如何开发前后端分离项目

科技前沿 • 2026-04-07 12:54 • 阅读 0

大家好，我是讯享网，很高兴认识大家。这里提供最前沿的Ai技术和互联网信息。

 Cursor如何开发前后端分离项目
零代码使用cursor完成一个前后端分离的小项目
前端: vue3
后端: java springboot
-project-name
-front-end
-back-end
优点：
一次agent对话能同时修改前端和后端项目
适合小的项目，或者你自己能很好的管理上下文，能及时切换新的对话
缺点：
1）项目大了不好管理rules文件
2）很容易挤爆上下文，经常要 “新开对话”
Front-end
Back-end
前后端项目采用vue3+springboot的方式
将vue3的框架rules放到前端项目中
Spring boot ，同时也把rules文件放到项目中
在当前目录下，根据 @vue3.mdc 初始化一个前端项目，使用pnpm来管理包结构，需要支持本地API测试环境联调
根据 @springboot.mdc 完善项目结构信息，添加mybatis-plus
这次我直接采用需求文档直接生成界面的方式，所以暂时不考虑UI精美的问题
注： 跟cursor对话一定是任务越小越细，返回的代码质量就会越高，反之，cursor大概率会返回有问题的代码。
拆分任务的好处是我们能知道cursor会以什么样的方式来完成
pnpm install pnpm dev
使用rules来约束接口的的规范
在插件市场，搜索stagewise，进行安装
https://github.com/stagewise-io/stagewise
安装完成后，使用快捷键：CMD + Shift + P 打开命令，搜索statewise, 按下enter键可以了
这一步如果事先有API文档可以不用管
会生成对应的接口文档，将接口文档和需求文档拷贝到后端项目中，开始拆分后端的开发任务
对于后端来说，数据库的设计非常重要，如果你会的话，可以自己设计，然后形成文档
修改前端后端的服务IP地址，并更改mock未false

Cursor如何开发前后端分离项目

相关推荐