AI编程神器Cursor，教你用5分钟复刻一个网页工具

今天，分享一个我用Cursor解决了一个现实的需求。刚学习AI编程三四天，能立马解决现实生活的需求，还是有一点小小的成就感的。

这篇文章我会分享我在做这个小项目的具体流程，包括怎么开始做这个项目，项目做完后怎么部署上线的，我都会提到。感兴趣的可以看下去。

一、真实需求怎么来的？

需求起因：朋友这两年在做黄金，问我有没有人能做一个金价实时查询的网页。

主要想做一个金价实时展示的网页，类似融通金，上面附上自己的联系方式店铺地址，然后把网页拿出去裂变，方便客户找他。

我看了一下不是很复杂，刚好我最近也在研究AI编程就跟他说我可以直接试试看。很快我就开始干起来了。

二、用Cursor开发一个金价实时展示的界面工具。

首先用Cursor打开一个新的文件夹，然后创建好对应的rule文件，这个不懂的可以看我昨天的文章哈。

接着就可以开始写功能了。这一步，我一开始是截了个图，让Cursor实现这个图的功能，Cursor很快就拆解好这个网站，确定好了网站功能，技术栈就开始写了。

因为我用的是Agent，所以这一步Cursor直接就自己实现了整体的功能，并且已经可以直接运行了。

我按照提示运行了网站，其实基本功能已经跟我给他的图片大差不差了。这一步其实大概就只用了2分钟而已。

快吧，但是这个距离可用的工具还有点差距，因为这种工具还是需要时时数据支持的，我好奇他这块是怎么实现的，所以我直接问了他一下，并且给他提了点小需求。

Cursor就给我解释好了对应的逻辑，如果有一点基础的一看就懂了。然后顺手帮我处理好了我提的需求。

就这些，如果放以前，自己想做类似的功能，做好没个一整天不可能的，放现在，真的是几分钟就做好了。到这里如果不用接数据，其实已经可以了。

接下去演示一下怎么接数据，毕竟这种工具还是需要时时的数据支持，不然也没有意义。

在上面我问Cursor当前数据是怎么获取的，其实他已经给我一些数据获取的方法，以及怎么去做更新，其实都做出来了。只需要我去对应的网站创建申请Key，然后...购买一下数据？

我嫌太麻烦了。就自己打开了朋友给我的那个对标网页的网页监视器，好家伙，这个人裸奔啊数据完全没加密，于是我。。。先借用研究一下。

我直接整理好接口丢给Cursor让他帮我接上去。这里不详细解释了，有趣私聊吧，不太好说太多。

做到这里整个功能已经实现差不多了。到这里，你应该可以看出我自己并没有去敲过代码，只是一味的告诉Cursor我想干啥。小白实际也能上，只是接数据这块多少还是需要一点基础，也只是一点。

虽然功能做好了，但是我总感觉跟对方还是有点差距。最后我用了一个比较极端的方式，把他的整个代码复制下来，然后把文件添加到Cursor的上下文，让他直接参考帮我做一个一样的。

事实证明，这种方式虽然有点无耻，但...大家根据需求来吧，毕竟我本来的需求就是做一个一模一样的，然后替换成自己的真实信息。

到这里，就已经完成这个需求了。但距离实际给别人应用，还需要部署到网上才可以给别人看到。

文章有点长了，下一篇我把这个完整更新一下，看看小白是怎么一步步从购买服务器，然后到部署完成，最后让别人访问的整体流程整理一下。

感兴趣的，请你关注一下。等文章出来了，可以收藏照做。

三、写在最后

AI编程工具的出现，真的是极大降低了编程的门槛。我自己学习过程就是找点教程踏实看一下，然后照着敲几天也能开始做些低门槛的工具了。

还有很多人都觉得不知道怎么找需求，不知道做什么就一直没去开始行动起来，我自己一开始也是这样。

但是我这里想借用花生的一句话，学习AI编程，先从服务好自己，跟服务好你在意的人开始。就好比花生老师做出小猫补光灯也是由于听了女朋友的建议。

大家可以多留意一下日常生活中的真实需求。然后想办法去验证一下这个需求的真实性，如果有需求的话，大家大胆去尝试，毕竟现在AI编程做工具的成本，真的好低。

上一条：购软平台是Cursor总代理

下一条：Cursor代理商