前言
友友们是否曾经觉得成为程序员需要花费数年时间学习?现在,只需5分钟,就能通过安装AI代码编辑器Cursor,轻松实现零基础开发Chrome插件。小北将带你体验利用Cursor在10分钟内制作一个高艺术性的Chrome插件。再也不用担心复杂的编程语言,只要你会打字和使用鼠标,就能感受到编程的成就感~
(可参考)相关的教学视频:
在官网(https://www.cursor.com/)下载好程序后,我们通过ctrl+i调出聊天窗口,CursorThe AI Code Editorhttps://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:新华网)
没有将英文翻译成简体中文,好像出了点bug。这显然是不合格的,我们回到cursor,然后让AI修改这个bug。
直接说明这个软件当前存在的问题,cursor在几秒钟之内就给出了答案,并详细说明了修改了哪些部分,并直接修改了代码,我们重新回到插件管理的面板重新加载,然后让它再次翻译我们选中的语句,这次程序的表现堪称完美,快速准确的给出了翻译结果。
直接说明这个软件当前存在的问,cursor在几秒钟之内就给出了答案,并详细说明了修改了哪些部分,并直接修改了代码,我们重新回到插件管理的面板重新加载,然后让它再次翻译我们选中的语句,这次程序的表现堪称完美,快速准确的给出了翻译结果。
总结
小北不喜欢说什么未来已来这种话,但是这一次科技给我的震撼是远超过两年前的GPT的。
我想可能是因为ChatGPT做的都是我会的东西,不就是生成一些文字,而且还没我干得好,所以它带给我的是一种新鲜感和惊讶感。
但是Cursor不一样,像开发一款浏览器插件这种事儿,我是完全不会的,更别提在十分钟之内就把原型给搞定了。所以这是一种震撼,他给了我完全不具备的新技能。我觉得这个才是AI的真正价值。
今天很多人,尤其是国内的很多老板认为AI就是用来降本,用来替代员工,甚至成为裁员的借口。他们把人力看作成本,他们眼中的世界是有限的,就这么点地方,所以得到处节省。但其实这个世界可以不是一个有限游戏,是可以变成无限游戏的。AI赋予个体从来没有过的技能,或者把个体原有的技能放大好多倍,去满足更多,去创造更多,这不是更加美好吗?
对我来说,如果要开发个小工具,可以在Cursor的帮助下直接完成。如果稍微复杂一点的话,那我也可以先做出个原型出来,再花钱找前端和后端帮我去完善它。PM再也不用跟前端后端程序员扯皮了。突然感觉我的整个世界变得好宽阔起来。
前两年有句话叫做“人人都是产品经理”,现在有了AI的加持,所有的技术和信息的鸿沟将被填平。
也许只要有创意,有想法,至少在可见的未来,开发一个APP、小程序、或者简单信息系统、应用程序等用AI来完成都没有问题,人人都可以将自己的想法变成可交付的产品。当然可爱的程序员们可能大部分要失业了,当然那是另外一个话题了...