"一个小时,三万下载,小猫补光灯登顶 App Store 榜首..."
我盯着笔记本屏幕,手中的拿铁咖啡早已凉透。
午后的阳光透过咖啡馆的玻璃窗洒进来,但我的注意力完全被这条新闻吸引住了。
"零基础、从未写过代码的经济系毕业生,用 AI 工具开发了爆款应用?"
我在接触 AI 之前,也学过一段时间的编程,那时候经常为一个小bug调试到深夜。
在 优快云 上找到的解决方案看不懂,复制粘贴过来还报错。
折腾了几个月,除了一堆写了一半的练习代码,什么像样的作品也没做出来。
"AI 时代,人人都能编程!"
这句话你可能听过很多遍,但真要动手的时候,又觉得望而生畏。
看到那些黑色终端上密密麻麻的英文代码,再加上特殊网络环境、全英文界面等等这些门槛,就不自觉地退缩了。
这种顾虑,我完全理解。但 AI 编程到底适不适合你,真的有那么难吗?
我觉得这个问题,只有亲自尝试过才能知道答案。
最近我用 AI 写了几个提高工作效率的小插件。
今天就让我们一起,从最最简单的开始,做出属于自己的第一个小作品。
一、为什么要学 AI 编程
首先,让我们聊聊动机这件事。
我不会跟你谈什么接单赚钱、开发 App 赚睡后收入之类的远大目标。
这些对于还没碰过代码的你来说,确实太遥远了。
我想聊的是两个更贴近生活的理由:
1、体验创造的乐趣
还记得小时候第一次用积木搭建出自己想要的东西时的兴奋吗?
用 AI 编程创造自己的小工具,也能带来这样的成就感。
当你写出的第一个小程序真的运行起来的那一刻,那种"我做到了!"的喜悦。
2、改善使用电脑的体验
不知道你有没有想过:"要是这个网站能有这个功能就好了"、"要是这个网站可以这样用就方便了"?
通过简单的 AI 编程,你真的可以实现这些小愿望。
学习 AI 编程,先从身边入手。
尝试 AI 编程不会占用你太多时间。
注意是尝试,不是学习。
我们会从最简单的油猴插件开始,只需要国产 AI (通义听悟)的帮助,连 Cursor 都不需要安装。
我觉得人生就是由一个个"第一次"组成的。
第一次骑自行车、第一次学开车,每一次尝试都让我们的生活更丰富。
AI 编程也是如此,只有真正体验过,你才能知道这是不是适合你的新天地。
如果试过之后发现不感兴趣,那也没关系,至少你勇敢地尝试了,不会留下"要是当初试试看就好了"的遗憾。
但说不定,你会像很多人一样,在这个过程中发现编程的乐趣,开启一段新的探索之旅。
接下来,就让我带你一步步学习如何用 AI 来创建你的第一个油猴插件。
二、用 AI 做出油猴插件
在开始实践之前,我们先来了解什么是油猴插件,以及为什么它是 AI 编程入门的理想选择。
油猴插件(Tampermonkey)是一个浏览器扩展程序,它允许用户为特定网站添加自定义功能。
比如,你可以用它来优化网页界面、去除广告、自动填写表单,或是添加新的功能按钮等。
简单来说,它能让你按照自己的需求来改造网页。
为什么我们选择从油猴插件开始?主要有以下几个原因:
-
1. 特别容易上手
不用装一堆复杂的开发工具,在浏览器里装个插件就能开始了。
-
2. 改完立马能看到效果
代码编写完成后,刷新网页就能立即看到效果,这种直观的反馈让学习过程更加清晰。
-
3. 实际的应用价值
你可以开发解决实际问题的工具,比如自动化重复操作、优化浏览体验、提升工作效率等。
-
4. 不用担心搞坏电脑
油猴脚本只在网页里起作用,关掉浏览器就什么事都没有,完全不会影响到你的电脑。
总的来说,油猴插件是个很适合入门的选择。
你不需要学太多东西就能做出实用的小工具,这种即做即用的体验也能让你更快地上手 AI 编程。
一)如何安装油猴插件
首先,我们需要在浏览器中安装油猴插件(Tampermonkey)。
不同浏览器的安装方式略有不同。
-
1. 找到油猴插件
-
• Chrome 浏览器:打开 Chrome 应用商店
-
• Edge 浏览器:打开 Edge 插件商店
-
• 360 安全浏览器:打开 360 应用中心
-
• Firefox 浏览器:打开 Firefox 附加组件商店
在各自的应用商店搜索框中输入"Tampermonkey"(中文名:油猴)
-
2. 安装插件
点击"添加到浏览器"或"安装"按钮
安装完成后,你会在浏览器右上角看到一个油猴图标
-
3. 打开油猴脚本管理界面 点击浏览器右上角的油猴图标 (点击油猴图标后的下拉菜单截图)
在弹出的菜单中选择"管理面板"或"Dashboard"
-
4. 创建新脚本
在打开的管理界面中,点击左侧的"+"号或"新建脚本"按钮
这时会打开一个新的编辑窗口,这就是我们待会要粘贴 AI 生成代码的地方
以上的步骤,光看我的文章你可能无法安装成功,建议到 b 站上搜索“油猴安装教程”,这上面有非常详细的安装步骤,我就不赘述了。
完成这些步骤后,我们的"开发环境"就准备好了。
接下来,我们就要开始真正的 AI 编程之旅了!
二)挖掘自身的需求
在写程序之前,最重要的是知道你要解决什么问题。
不用想太远,就从你日常遇到的小烦恼开始。
比如我用 Claude 写作时就发现一个问题:它总是用英文逗号","而不是中文逗号","。
改提示词也解决不了这个问题。
这就是一个很好的切入点,我就可以写个油猴插件,自动把 Claude 输出的英文逗号换成中文逗号。
看,这些都是源于实际需求的想法。它们不需要很复杂,但解决的都是实实在在的问题。
当你开始留意身边的不便时,就会发现其实有很多地方可以通过 AI 编程来制作一个简单的工具来改善它。
三)Claude 输出英文逗号,写一个插件自动变成中文逗号
首先打开通义,选择代码模式。它的代码能力还不错,很适合帮我们写插件。
接着输入提示词:
这里填写你的任务需求我现在安装好了一个油猴插件,我需要你帮我写油猴脚本的代码,自动替换成中文逗号但是我是一个编程小白,从来没接触过任何代码,我也不懂怎么跟你配合。接下来,你可以向我询问需要的信息,我提供给你,你来帮我写代码,然后教我怎么去使用代码
为什么这样写提示词?因为它:
-
• 说明了我们的目标
-
• 表明了自己是新手
-
• 请求 AI 主动提问
AI 收到这样的提示词后,会先问我们一些问题。
在回答问题的过程中,我们就是在帮 AI 收集更多信息,让它能写出更符合我们需求的代码。
等 AI 给出代码后,我们就按照它的教程一步步来:
-
1. 添加新脚本
-
2. 粘贴代码
-
3. 保存并启用
-
4. 刷新页面测试
然后刷新一下网页,就会发现,这个英文代码就已经被替换了。
我们还可以继续加功能,比如把英文冒号也改成中文冒号(当然要排除 https://中的英文冒号,不然网页就打不开了)。
你可能会问:为什么不一开始就让 AI 把冒号的功能也加上?
这是个好问题,在编程中,我们常常采用"小步快跑,快速迭代"的策略:
-
• 先实现最基本的功能
-
• 确认没问题后再加新功能
这样容易找出问题,也更容易确保每个功能都正常工作
这比一次性做很多功能要稳妥得多,也是很多程序员的习惯。
三、行动起来
读到这里,我建议你先不要想太多,直接动手试试这个最简单的例子。
说实话,即使是这么简单的一个插件,你在实践过程中可能也会遇到各种问题:
-
• 可能代码粘贴进去后发现不工作
-
• 可能效果和预期的不一样
-
• 可能在某些网页上失效
这很正常,这就是编程中常常会遇到的情况。
关键是看你面对这些问题时的反应:
-
• 如果你愿意耐心地去找原因
-
• 如果你会觉得解决问题本身很有意思
-
• 如果你想着"改好了就能用了"而充满期待
那么恭喜你,说明你可能真的会喜欢编程这件事。
但如果你觉得:
-
• 这也太麻烦了吧
-
• 为什么这么简单的事情还要折腾
-
• 还是算了吧
那也完全没关系,至少你亲自试过了。
不是所有人都需要喜欢编程,但现在你对自己多了一份了解,不会留下"要是当初试试看就好了"的遗憾。
所以,动手试试看吧。
让实践来告诉你答案。
以上,我写完了,记得点赞、在看、转发,因为我需要你的反馈。