Cursor:项目迁移神器

1、背景

1.1 项目迁移

公司有一个大的研发平台,是供应商开发的,其中有一个自研的功能模块需要独立出来。本身这个功能模块也是一个独立的前端项目,是通过模块联邦的方式去跟研发平台做的集成。技术栈使用的是vue3+vuecli+antdesign3,迁移出来技术栈变更为:vue3+vite+antdesign4

1.2 cursor能力

早就耳闻了cursor的能力,但我平时使用vscode+通义灵码较多,而且cursor收费,所以一直没用。那这次项目迁移的过程中,一定会遇到很多问题。最近又一直听说claude3.7模型写代码非常厉害,然后cursor也集成了这个模型,cursor有两周的pro版试用,正好趁这个机会试一试。

2、准备工作

有现成的框架vue3+vite+antdesign4,把原项目的核心代码拷贝到对应的目录中。重新调整页面路由,将项目运行起来。

3、cursor解决问题

调出cursor的聊天窗口,使用Agent模式,选择claude3.7模型,输入@键可以关联文件或目录。

3.1 批量修改api调用方法

新框架中的接口统一调用方法,跟原来的不同,需要统一修改,我修改了一个作为参考,剩余的交给cursor。

发送修改要求

cursor会修改代码,很快就改过来了。

其中有一个下载文件的接口,cursor还去读取了引入request方法的原方法,以及通用的下载文件的方法,然后给出了正确的修改。

文件修改后,文件下方会有接受和驳回的按钮"Accept File"和"Reject File",按照需求接受或驳回。

3.2 批量多文件修改模态框打开方法

因为从antdesign3升级到antdesign4,modal组件的使用方法发生了变化,页面报错:main.ts:17 Warning: [ant-design-vue: Modal] visible will be removed in next major version, please use open instead.

同样把需求发给cursor,此时加入整个目录作为上下文。

这样就批量修改了8个文件,其实这里应该是只需要修改为v-model:open,不需要将变量名也修改为open,但是这样改了也没什么问题,使用AI自动修改也不用担心它会漏修改的问题。

3.3 解决逻辑问题

因为我有两个页面用的是同一个组件,需要监听页面路由,来调用不同的接口,这里遇到了一些问题。

把问题描述发给cursor

cursor第一次没有解决问题,我继续,主要是需要将问题描述清楚。

这次cursor的修改完美解决了问题。

3.4 解决警告

项目运行中,在控制台有出现一些vue-warn的警告,遇到这些警告,我直接把警告内容发给cursor,等待它修复。

4、总结

Cursor的表现果然非常智能,在解决问题的过程中,如果引发的其他的问题,也会继续解决。个人感觉比通义灵码好用。 在整个项目迁移的过程中,我全程没有介入进行人工修改,全部都是跟cursor对话完成的。我的工作已经变成了发现问题,然后让AI解决问题。当然我这个项目代码量并不大,人工修改量也不大,但是使用AI的好处就是不用担心漏改和不小心打错变量的问题。

相关推荐
hsfxuebao1 小时前
Cursor快速上手+科学使用指南
cursor
大熊猫侯佩2 天前
无需自己写半行代码:让 AI 编程智能体(Agent)化身神笔马良为我们自动仿制 App 界面
swiftui·agent·cursor
全宝2 天前
⚡我做了一个批量下载 VSCode 插件的小工具
前端·visual studio code·cursor
qiyue772 天前
如何选择AI IDE?对比Cursor分析功能差异
ai编程·cursor·trae
老纪的技术唠嗑局2 天前
Vibe Coding 时代的开源社区开发新体验
cursor·mcp·vibecoding
极客密码3 天前
Cursor再见,隔壁Augment赠送的免费一个月650额度会员我用上了!
aigc·ai编程·cursor
mCell3 天前
受够Cursor卡成蜗牛!我换用Argument,每月白嫖300次真香!
ai编程·visual studio code·cursor
龙萱坤诺4 天前
【教程】无需迁移IDE!Augment原生插件实现Cursor无缝平替 Claude-4无限用
cursor·cursor工具·augment code
人生都在赌4 天前
一个AI工作流如何让代码审查从手动到智能?实战拆解
ai编程·devops·cursor
qiyue774 天前
AI编程专栏(七)-什么是上下文工程,与提示工程区别
人工智能·ai编程·cursor