AI编程-Cursor从入门到精通系列之实战-亚马逊产品提取器附源码(三)

332 阅读2分钟

       大家好,上篇文章,我们介绍了Cursor编程中的一些重要的概念并进行了解释,这篇文章我会结合之前分享的内容,来实战一个小项目,编写一个跨境电商人经常使用的小项目,谷歌浏览器的插件,可以下载 亚马逊产品的标题、主图、五点描述以及详情描述的产品,我给其起名为”亚马逊产品提取器-Amazon Product Extractor “。

 AI编程的趋势已经到来,小青鱼与你共探智能代码奥秘!

一、产品演示

        在进入亚马逊的产品详情页面时,点击我们右上角的插件,会自动把当前页面的标题、五点描述、主图以及产品详情,都会收集在我们的插件中,点击下载就会把这些信息下载到本地。而且还支持中文和英文的切换。

二、如何使用cursor实现

       对于一个从来没有开发过谷歌插件的新手也能很快根据自己的想法开发一款适合自己用的小产品,下面我们来复现实现的步骤。

1、需求分析与调研

      在计划要做一个产品之前,我们首先就是明确自己的需求是什么,想要一个什么样的效果,然后Cursor才能帮我们实现他。这里包括了你想要的功能以及想使用什么技术实现。

      这里我们的需求是:需要实现一个亚马逊全站点的谷歌浏览器插件,能够帮助我下载产品的标题、五点描述、主图以及详情图。技术上我们直接使用html+css+js实现就可以。

2、做一些核心的配置,这里就要用到我们上节讲到的一些内容。

配置Rules for AI

编写.cursorrules文件

3、然后就是在composer中输入你的需求,开始编写你自己的产品了。当然在这个过程中,你会遇到一些问题,只需要耐心的把你的需求描述清楚,cursor就会帮你一步一步的实现他。

代码我已经上传GitHub,欢迎star

github.com/leirac-ai/a…

如果有编程其他问题,也欢迎一起沟通交流。