从零开始，通过 ChatGPT-4 十分钟开发了一个浏览器插件，并成功运行

点击上方“Java基基”，选择“设为星标”

做积极的人，而不是积极废人！

每天 14:00 更新文章，每天掉亿点点头发...

源码精品专栏

 

• 原创 | Java 2021 超神之路，很肝~
  

• 中文详细注释的开源项目
  

• RPC 框架 Dubbo 源码解析

• 网络应用框架 Netty 源码解析

• 消息中间件 RocketMQ 源码解析
  

• 数据库中间件 Sharding-JDBC 和 MyCAT 源码解析

• 作业调度中间件 Elastic-Job 源码解析

• 分布式事务中间件 TCC-Transaction 源码解析

• Eureka 和 Hystrix 源码解析

• Java 并发源码

来源：这就是编程（ID：hardcorecode）

• 背景

• 实践

---

背景

Midjourney 后台有个模块可以给图片打分，每次展示两张图片，让你选择喜欢的一张，说白了就是在帮 Midjouney 炼丹了，这里面有个隐藏福利，当天打分数量前2000名的用户可以免费获得使用时长。有空的时候我就会去点一点，感觉花十几分钟就能获得奖励了。

V5 推出后经常能看到一些很喜欢的图，偶然发现每张图的 Prompt 都存在 alt 信息里，完整复制比较麻烦。今天看到别人 花十几分钟就靠 Cursor 编辑器 AI 功能实现了一个手头遇到的需求。于是我也打算通过 GPT 尝试一下

基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 用户小程序，支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能

• 项目地址：https://github.com/YunaiV/ruoyi-vue-pro

• 视频教程：https://doc.iocoder.cn/video/

实践

1. 很简单的描述了一下需求，GPT 马上给出了一个通过书签运行 JavaScript 代码的方案，运行后会将抓取的信息输出到浏览器控制台。又让它改成把数据复制到剪贴板，马上给出了新的代码。不得不说，GPT-4 生成的指导教程非常细致清晰，让没有编程经验的我也能跟着提示一步一步操作。

1. 但我按照步骤执行后报错，将错误丢给 GPT 修改，第一次还是会出现同样的错误，第二次 GPT 找出了问题所在，直接在书签栏编辑会影响代码格式，重新在书签管理器新建书签代码真的运行成功了！不知道 GPT 是从训练的资料里学习到的，还是通过分析推理找出了原因，真的很神！更神奇的在后面:

1. 问它有没有其他办法可以实现这个功能，GPT 给出了创建 Chrome 扩展的示例，甚至连名字都给起好了“image-alt-copier”，还是很贴切的。按照指引一步一步操作，我就用txt 文本编辑器新建了几个文件，网上找到一个图标并用 ps 保存3种分辨率的 png 文件 。GTP 连点击哪个图标和菜单都给说到了。

1. 结果运行非常顺利，我人生中第一个浏览器插件，或者第一个“编程”作品就这么诞生了！这么说很心虚，全程我只是按照 GPT 提供的教程操作，几乎没有难度。我的创造性只体现在提出了一个具体的需求，在图库网站挑了一个图标。通过这次亲身体验，我可以肯定自然语言编程已经是现实了，而且门槛很低。

最后说下感想：在已经到来的 AI 时代，AI 工具将打破很多专业技术门槛，比如编程，绘画，摄影，普通人将创意实现变得前所未有的简单，专业人士通过 AI 工具也能极大提升效率，将自己的创作推向一个更高的层次。也许很快我们就能迎来一波内容创作大爆发，请系好安全带。

---

---

欢迎加入我的知识星球，一起探讨架构，交流源码。加入方式，长按下方二维码噢：

已在知识星球更新源码解析如下：

最近更新《芋道 SpringBoot 2.X 入门》系列，已经 101 余篇，覆盖了 MyBatis、Redis、MongoDB、ES、分库分表、读写分离、SpringMVC、Webflux、权限、WebSocket、Dubbo、RabbitMQ、RocketMQ、Kafka、性能测试等等内容。

提供近 3W 行代码的 SpringBoot 示例，以及超 6W 行代码的电商微服务项目。

获取方式：点“在看”，关注公众号并回复 666 领取，更多内容陆续奉上。

文章有帮助的话，在看，转发吧。
谢谢支持哟 (*^__^*）