跟着小北5分钟上手AI代码编辑器Cursor,零基础开发Chrome插件 ,从此以后你也是高级程序员了!

Stitch . 2024-10-12 13:01:02 阅读 88

前言

       友友们是否曾经觉得成为程序员需要花费数年时间学习?现在,只需5分钟,就能通过安装AI代码编辑器Cursor,轻松实现零基础开发Chrome插件。小北将带你体验利用Cursor在10分钟内制作一个高艺术性的Chrome插件。再也不用担心复杂的编程语言,只要你会打字和使用鼠标,就能感受到编程的成就感~

(可参考)相关的教学视频:

5分钟上手AI代码编辑器Cursor,零基础开发Chrome插件 ,从此以后你也是高级程序员了!_哔哩哔哩_bilibili

icon-default.png?t=O83A

https://www.bilibili.com/video/BV1n5pPe8ErA/

在官网(https://www.cursor.com/)下载好程序后,我们通过ctrl+i调出聊天窗口,CursorThe AI Code Editor

icon-default.png?t=O83A

https://www.cursor.com/是一个.exe文件:

Sign in一下,试试水:

给AI提需求:

创建一个chrome插件。插件的功能是:当用户选中页面上的英文词语或者句子,点击翻译按钮,就可以把英文翻译成中文。

然后吭哧吭哧AI就帮我建好工程文件和生成代码了,

Generating:

我们点接受cursor所创作的所有代码,

打开Chrome浏览器,在地址栏内输入这个指令chrome://extensions/,进入插件管理,开启开发者模式,点击加载已经解压的扩展程序,找到项目文件夹。并选择加载,英文翻译插件1.0加载成功了。

使用说明:

创建一个新文件夹,将上述所有文件放入其中。

在 Chrome 浏览器中,打开扩展程序页面 (chrome://extensions/)。

3. 启用"开发者模式"。

点击"加载已解压的扩展程序",选择你创建的文件夹。

现在你应该能在 Chrome 工具栏看到新的扩展图标了。

注意:

你需要替换 popup.js 中的 YOUR_API_KEY 为你的 Google Translate API 密钥。

这个示例使用了 Google Translate API,你需要在 Google Cloud Console 中创建一个项目并启用 Translation API 来获取 API 密钥。

如果你不想使用付费的 Google Translate API,可以考虑使用其他免费的翻译 API 或服务。

这个插件允许用户选择网页上的英文文本,点击插件图标打开弹出窗口,然后点击"翻译"按钮将选中的文本翻译成中文。翻译结果会显示在弹出窗口中。

我们打开一个英文网站,选中一段话,点击翻译,(eg:新华网)

Xinhua – China, World, Business, Sports, Photos and Video | English.news.cnXinhuanet is a comprehensive service-oriented news information portal and the most influential online media in China. As the main communication platform of all-media news information products created by Xinhua News Agency, Xinhuanet releases global news information 24 hours daily in 11 languages. Xinhuanet, the world's most important window for Internet users on China, is committed to providing the most authoritative and timely information service to them in more than 200 countries and regions.

icon-default.png?t=O83A

https://english.news.cn/home.htm

没有将英文翻译成简体中文,好像出了点bug。这显然是不合格的,我们回到cursor,然后让AI修改这个bug。

直接说明这个软件当前存在的问题,cursor在几秒钟之内就给出了答案,并详细说明了修改了哪些部分,并直接修改了代码,我们重新回到插件管理的面板重新加载,然后让它再次翻译我们选中的语句,这次程序的表现堪称完美,快速准确的给出了翻译结果。

 百度翻译开放平台百度翻译开放平台提供通用文本翻译API、垂直领域翻译API、文档翻译API、图片翻译API及语音翻译API产品,并提供定制化、私有化服务,全面满足开发者的翻译需求。

icon-default.png?t=O83A

http://api.fanyi.baidu.com/api/trans/product/index

直接说明这个软件当前存在的问,cursor在几秒钟之内就给出了答案,并详细说明了修改了哪些部分,并直接修改了代码,我们重新回到插件管理的面板重新加载,然后让它再次翻译我们选中的语句,这次程序的表现堪称完美,快速准确的给出了翻译结果。 

总结

小北不喜欢说什么未来已来这种话,但是这一次科技给我的震撼是远超过两年前的GPT的。

我想可能是因为ChatGPT做的都是我会的东西,不就是生成一些文字,而且还没我干得好,所以它带给我的是一种新鲜感和惊讶感。

但是Cursor不一样,像开发一款浏览器插件这种事儿,我是完全不会的,更别提在十分钟之内就把原型给搞定了。所以这是一种震撼,他给了我完全不具备的新技能。我觉得这个才是AI的真正价值。

今天很多人,尤其是国内的很多老板认为AI就是用来降本,用来替代员工,甚至成为裁员的借口。他们把人力看作成本,他们眼中的世界是有限的,就这么点地方,所以得到处节省。但其实这个世界可以不是一个有限游戏,是可以变成无限游戏的。AI赋予个体从来没有过的技能,或者把个体原有的技能放大好多倍,去满足更多,去创造更多,这不是更加美好吗?

对我来说,如果要开发个小工具,可以在Cursor的帮助下直接完成。如果稍微复杂一点的话,那我也可以先做出个原型出来,再花钱找前端和后端帮我去完善它。PM再也不用跟前端后端程序员扯皮了。突然感觉我的整个世界变得好宽阔起来。

前两年有句话叫做“人人都是产品经理”,现在有了AI的加持,所有的技术和信息的鸿沟将被填平。

也许只要有创意,有想法,至少在可见的未来,开发一个APP、小程序、或者简单信息系统、应用程序等用AI来完成都没有问题,人人都可以将自己的想法变成可交付的产品。当然可爱的程序员们可能大部分要失业了,当然那是另外一个话题了...



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。