零代码教你写出自己的扩展小插件

454 阅读3分钟

从0到1手把手教你零代码写出小插件

有人可能会问驻波了
什么?不会吧?零代码就能写出自己的扩展小插件?
是的没错,零代码能写出自己的扩展小插件。

传统VS现代

在如今AI高速发展的今天,代码能力逐渐变得没有之前那么重要了。只要你有好的想法,然后把它告诉AI,让它来给你逐步实现你的伟大想法。(现阶段AI写的代码并不是非常完美,也是会有错误的)
以往我们要开发一个软件程序需要我们先掌握某门编程语言才能上手,然后花费大量的时间编程开发,维护,测试等,这是传统的程序猿
但是今天我们要成为一名智能程序猿AI应用开发工程师,以智能生产力 为核心。现如今AI助手的选择非常丰富,如:OpenAI的chatgpt,Anthropic的claude,以及国内的deepseek,豆包,通义等
我们选择合适的AI把它融入开发流程里,使AI给我们做事情,打造AI应用,让AI驱动自动化应用。

AIGC生成代码

目前我们打算做个chrome的简单插件,来改变浏览器的背景颜色。那么我们该怎么让AI给我们做呢?
我们的目的是让AI给我们生成改变chrome浏览器背景颜色的插件
首先,我们应该提供合适的prompt(提示词) 给AI

你是一个经验丰富的chrome扩展插件开发者
现在你需要开发一个能够改变浏览器背景颜色的chrome插件名字叫做Hulk

其次,把我们的Hulk插件的功能和需求详细准确的告诉它,然后AI就会一下子生成大量代码

Step 1:点击程序图标,打开弹出窗口
 在窗口中显示默认提示:“改变背景颜色”,“把背景颜色改成红色”以及一个按钮“改变颜色”
Step 2:点击按钮,浏览器的颜色立即变成红色
Step 3:再次点击按钮后,浏览器的背景颜色再次改变成原来的颜色

效果

点击前:

image.png 点击后:

image.png 再次点击:

image.png

AI生成的代码看不懂?

历尽千辛万苦,我们终于把功能实现了。如果你是一名资深程序猿,这种代码实现起来肯定是十分轻松。但是我们开发Holk小插件过程中从来都没有自己写出一行代码,恰好我们又是新手小白。要看懂AI写的代码,想必会有点困难。
我们已经利用AI生成如此代码,那么为何不让AI教会我们怎么写出如此代码的?我们只需要把对应的代码框住,让AI给我们生成详细仔细的解释,遇到不清不楚的问题,再不断不断的询问AI,让它不断的教会我们。我们也可以轻松从小白摇身一变成大佬。

Ending!

恭喜你已经初步学会使用AI开发来提升我们的工作效率,以及学习效率。那么赶紧趁热打铁行动起来,把你自己的奇思妙想交给AI,让它替你实现你的Good idea!