程序开发三大发展阶段:
第一阶段:从搜索引擎获取,复制粘贴
第二阶段:向 ChatGPT 提问并复制粘贴
第三阶段:向编辑器提出需求,它自己开发
第一、二阶段的开发方式通常是通过手动编写大量代码,不仅需要自己耗时费力筛选有用信息,还容易出错。而且,从 ChatGPT 里复制粘贴代码的方式也存在诸多不便,比如代码的准确性和兼容性问题,以及需要频繁地在不同平台之间切换。
Cursor 通过自然语言编程,能够快速生成高质量的代码。它不仅理解当前文件的内容,还能同时理解多个文件的上下文,生成的代码更加准确和完整。
目前笔者正在探索第三阶段的开发方式,现在已经将Cursor引入公司项目中进行开发,虽然说并不完美,但是也能完成个大概。尤其对于一些独立模块的开发,比如说浏览器插件,Cursor进行开发的效果还是可圈可点的,全程不写一行代码,让Cursor自己编程并不是一句空话
如果大家还不了解cursor,请移步这篇文章,了解一下cursor的基础使用方式:Cursor快速上手指南
解下来就分享一下让Cursor开发一个浏览器插件的全过程
确认需求
我个人比较喜欢记笔记摘抄知识点,工作时写代码需要到处复制粘贴,但是许多网站禁止复制粘贴,或者需要登录才允许复制,极大的影响了笔者学习的心情,所以我决定开发一个解除网页禁止复制的限制
开始开发
打开cursor新建一个文件夹
点击右上角或者 control+i 打开Composer对话框
可以使用多种高级模型,根据使用效果来看,最好用的还是claude-3.5-sonnet
使用自然语言向AI提出需求,我的提示词是:
使用manifest v3 版本开发一个谷歌插件,具体要求如下:插件有一个按钮,点击按钮后解除网页禁止复制的限制,允许用户进行复制
可以看到Cursor会自动生成文件和代码,代码生成完后,点击Accpet all,保存代码。
并且Cursor还详细的写出了插件的使用方式
目前Cursor还不会生成图标icon,所以还需要自己准备图标
添加扩展程序
按照Cursor的提示把扩展程序添加到浏览器里
1、安装执行插件
在Chrome浏览器中打开 chrome://extensions/ ,需要先打开开发者模式,再上传我们的插件文件夹
上传之后就可以看到我们的插件了
2、使用插件前
现在我们的插件就可以使用了,可以使用csdn来测试一下
没有登录时,我们复制一段文字,可以看到无法复制粘贴,并且还弹出让登录的弹框
3、开启插件(失败)
现在我们使用插件看看效果
还是不能复制,不起作用,现在我们把问题向cursor描述一下让它修改下代码
4、让cursor修复问题
我们接受下代码,再测试一下
并且它还说:这些修改应该能解决大多数网站的复制限制问题。如果你发现某个特定网站仍然有问题,请告诉我具体是哪个网站,我可以针对性地提供解决方案。
如果还不行就把地址发给他试试
5、再次测试
把新的代码按照第一步上传上去再次测试
可以看到可以正常复制粘贴,并且还不会弹出登录框
AI生成代码具有随机性,可能第一次生成并不会成功,那就把问题描述给他,让cursor自己找到问题并修改