开头:当vibe coding火到了我这个外行面前

最近这段时间,总能刷到一个新词——"vibe coding"。一开始我还纳闷,这又是搞什么程序员黑话呢?仔细一看才明白,哦!原来就是现在最火的靠AI辅助编程,你跟AI聊需求,AI写代码,合在一起就把程序做出来了。

作为一个完全不懂编程的人,我活了几十年,一直觉得写程序是那种智商很高、坐在电脑前噼里啪啦敲一串我看不懂字符的聪明人干的事儿。跟我这种"计算机二级都差点没过"的人,完全不搭边。

但是这段时间,AI发展得太快了!从ChatGPT出来之后,感觉一切都变了。现在连编程这事,都说零基础就能干?我就有点心痒痒了——你说,我一个完全不懂代码的人,真的能自己做一个小游戏出来吗?

说起来我从小就喜欢玩数独,每次坐车出差,都喜欢在报纸杂志上找数独玩。那能不能做一个可以在线玩的数独游戏呢?

说干就干!反正试试又不花钱,大不了做不出来我也不损失什么。没想到,这一试,真给我做成了!一天时间,一个功能完整、能玩能解的经典数独游戏就出来了。今天就把我的全过程分享给大家,让跟我一样不懂编程的朋友也看看,现在这个AI时代,普通人真的可以自己做软件了!

我的背景:真·零基础,什么代码都不懂

先自我介绍一下,我是做市场运营的,日常工作就是写方案、做PPT、跟客户对接,最多就是用用Excel做个报表,跟编程完全不沾边。大学时候学过一点C语言,那也是十年前的事儿了,早就还给老师了,现在连个for循环都写不出来,真·零基础。

为什么我敢尝试用AI做一个数独游戏呢?其实主要是最近"vibe coding"这个概念真的太火了。在国外,很多人都在分享,自己不懂编程,靠和AI聊天就做出了挺像模像样的产品。国内这股风也起来了,我就想知道,普通人真的能行吗?

一开始我也试了ChatGPT,但是发现有几个问题:第一,国内访问不太稳定,有时候半天连不上;第二,你要用它写代码,得会说英文吧?至少提问得用准确的术语吧?我哪懂什么"前端框架"、"回溯算法"这些词啊,我就会说大白话"我想要一个能玩的数独游戏"。第三,生成完代码,怎么运行啊?它给了我一堆代码,我放到哪里去?怎么打开玩?这对我来说又是新问题。

后来经朋友推荐,我试了一下国内的AiPy。别说,真的挺对咱们普通中国人胃口的。为什么我选择用AiPy来做这个数独呢?

第一个原因:真·中文友好

不用我说英文,也不用我用专业术语,我就是用大白话讲需求,它就能听懂。你说你想要一个蓝色背景,它就给你弄蓝色背景;你说按钮太大了不好看,它就给你调小一点。完全不需要翻译,也不需要查术语,太舒服了。

第二个原因:对话式开发,就是聊天一样

我不用一下子把所有需求都说清楚,想到哪说到哪。一开始我就说我要个数独游戏,做好了之后,我觉得难度太大,能不能加个难度选择?它就给我加上了;我说能不能加个自动解题功能?它也给我加上了。就跟你雇了一个随叫随到的程序员一样,而且这个程序员从不不耐烦,你改多少次需求他都乐呵呵的给你改。

第三个原因:一步到位,直接就能用

它生成完代码直接就能运行,不用我自己折腾环境,不用我到处装插件配依赖。做好了直接就能打开玩,出了问题它也会自己帮你调试,不用我对着一堆错误代码发呆。对新手真的太友好了。

而且就算担心token不够用也没关系,邀请码就填c8W3,会有两百万的token。所以最终,我就选择了用AiPy来实现我的数独游戏想法。

 

全过程记录:从一句话需求到能玩的游戏

第一步:说清楚你到底想要什么

说实话,一开始我也不知道该怎么说。AiPy说让我用自然语言描述需求就行,那我就试着说:

"我不懂编程,想要做一个可以在浏览器里玩的数独游戏,经典9x9的那种,要美观好看,能点选填数字,能检查对错,能自动解数独,还要分难度级别。"

你看,我就这么说了一句话,大白话,什么术语都没有。放在以前,你跟程序员这么说需求,程序员估计得跟你急:"你说的美观好看是什么标准?难度级别怎么分?自动解题用什么算法?"

但是在AiPy这里,完全不用!它听懂了,而且直接开始干活了。

我后来想想,其实这种方式才对嘛!我是提需求的人,我只需要说清楚我想要什么效果,至于你用什么技术实现,那是你的事儿啊!以前为什么软件开发那么贵?因为需求方得把需求翻译成技术语言,开发才能听懂,这中间沟通成本太高了。现在AI直接能听懂大白话需求,这一下就省了多少事儿!

第二步:AI生成第一个版本,居然就能运行了

没等几分钟,第一个版本就出来了。我一看,嚯,还真像模像样!HTML+JavaScript写的,直接在浏览器里就能打开。

我打开一看,9x9的格子已经画好了,粗线也分好区了,确实是标准数独的样子。随机生成了一个题目,我点一下格子,就能选数字填进去。我试了一下,基本功能都有了!

当然啦,第一个版本肯定不能完美,也有一些问题:

·       界面有点丑,格子太挤了,看着不舒服

·       填错了不能实时提示,只有全部填完才能检查

·       没有难度选择,每次都是一样难

·       也不能擦除写错的数字,填错了只能刷新重来

我就把这些问题用大白话跟AiPy说了:

"现在这个版本界面不太好看,格子挤在一起,能不能调宽松一点?弄个好看一点的配色。然后我想要加几个功能:第一个是加三个难度选择(简单、中等、困难),第二个是填错了要实时提示,比如把错误的数字标红,第三个是加个擦除按钮,我写错了能擦掉,第四个再加一个一键解题按钮,做不出来了能让AI帮我解。"

你猜怎么着?它直接就改了!都没跟我多问一句话。

第三步:微调细节,越来越好用

又过了一会儿,改好的版本出来了。我打开一看,眼前一亮!界面真的好看多了:

·       配色用了淡蓝色背景,黑色的粗线分隔九个宫,清晰多了

·       格子变大了,数字也变大了,看着舒服多了

·       顶部加了难度选择下拉框,简单、中等、困难随便选

·       左上角加了擦除按钮,还有检查按钮、重新开始按钮

·       右下角加了一键解题按钮

我试着玩了一把,选简单难度,生成了一个题,点格子填数字,如果你填错了,那个数字马上就变成红色提醒你,这个体验真不错。填错了点一下擦除按钮,就清空了,可以重新填。玩不出来了点一下解题,瞬间所有格子都填满了,还都是对的!

这时候我又有点想法了,我觉得数字填进去能不能有不同的样式啊?一开始就给定的数字和我自己填的数字能不能区分一下?还有,点击格子能不能有个高亮背景,让我知道现在选到哪个了?

我又把这些想法跟AiPy说了,它分分钟就改好了:

·       一开始生成的题目数字用黑色加粗,用户填的数字用蓝色,一目了然

·       当前选中的格子会加上淡灰色背景,清清楚楚,不会看错行

·       还加了一个"显示错误"开关,你不想实时提示可以关掉,给自己增加点难度

改到这里,我已经觉得挺完美了。但是作为一个数独爱好者,我还想要一个功能:做笔记!很多高手玩数独都会在格子里记小数字,候选数,这个功能加上不就更专业了吗?

我又提了这个需求,AiPy说没问题,加上!于是又多了一个笔记模式切换按钮,点进去之后,你可以在一个格子里填多个小数字,当候选数提示,切回正常模式就能填最终数字。这个功能一加上,一下就专业了有没有!

第四步:调试BUG,AI自己就搞定了

过程中其实也遇到过一些小问题。比如我发现,有时候切换难度之后,新的题目没生成,还是原来那道题;还有,解题的时候,偶尔会有几个格子解不出来。

我把这些问题告诉AiPy,把现象一说,它自己就分析问题出在哪,然后改好了。比如切换难度那个问题,它说原来生成新题目没有清空之前的状态,它改了一下逻辑,就好了。解题那个问题,是回溯算法终止条件有问题,调整一下就OK了。

最让我惊讶的是,这些问题我都描述得不清不楚,我就说"有时候解题解不出来",它都能定位到问题,自己改好。换作是我,别说改了,我连错误信息都看不懂。

最终效果展示

改到最后,我的数独游戏功能已经非常完整了,包含这些功能:

·       支持三种难度选择:简单、中等、困难,每次都是随机生成不同题目,玩不完

·       支持点击格子填数字,清晰的视觉反馈

·       初始数字和用户填写数字用不同样式区分

·       实时错误检查,错误数字自动标红提醒

·       支持擦除修改,支持重新开始

·       一键自动解题,秒出答案

·       支持候选数笔记功能,方便高级玩家推理

·       界面美观,响应式设计,手机上也能玩

我把它保存成一个HTML文件,双击就能打开,随时随地都能玩。我发给我朋友玩,他们都不敢相信这是我一个不懂编程的人一天做出来了!

我用的Prompt分享,照着你也能做

很多朋友肯定想问,你到底跟AI说了什么,它这么听话?其实我真没什么技巧,就是说大白话。把我整个过程中用的prompt都分享出来,你照着说,你也能做出自己的数独游戏。

初始需求Prompt

我不懂任何编程知识,想要你帮我做一个可以在浏览器里玩的经典数独游戏。要求:

  1. 标准的9x9数独格子,用粗线分隔九个3x3的宫
  2. 可以点击格子选择,然后填入1-9的数字
  3. 需要生成不同难度的数独题目
  4. 要能检查答案是否正确
  5. 界面要简洁美观,看着舒服
  6. 做好之后要能直接运行,我双击就能打开玩

第一次修改Prompt

现在基本功能有了,但是界面有点拥挤不好看,帮我改进一下界面,同时增加这些功能:

  1. 加三个难度级别:简单、中等、困难,可以选择
  2. 填错数字要实时提示,把错误的数字标成红色
  3. 增加一个擦除按钮,可以擦掉已经填的数字
  4. 增加一个一键解题按钮,我做不出来的时候可以看答案
  5. 重新设计一下配色和布局,让它更美观

第二次细节优化Prompt

体验好多了,再帮我加几个细节体验优化:

  1. 让初始生成的题目数字加粗,和我自己填写的数字区分开
  2. 当前选中的格子加个背景高亮,这样我就知道选到哪个了
  3. 增加一个笔记功能,可以切换到笔记模式,在格子里写小的候选数字,方便推理
  4. 增加一个重新开始按钮,可以重新开始当前题目

BUG修复Prompt

我发现两个小问题:

  1. 切换难度的时候,有时候不会生成新题目,还是原来的那道题
  2. 有些题目一键解题解不出来,剩下几个格子空着
    你帮我找找问题出在哪,修复一下

你看,真的就是大白话,没有任何专业术语,每一句你我都能说出来。但是AI就能听懂,就能帮你实现。

为什么我说AiPy对零基础太友好了

这段时间我也试用过不少AI编程工具,对比下来,AiPy给我的感觉真的是对咱们中国人、对零基础小白最友好的。我说几个点你就明白了:

1. 真的听懂中文,真的接受大白话

很多国外的AI工具,你用中文跟它说,它也能听懂,但是总感觉有点别扭,有时候会误解你的意思。而且那些工具默认你是懂点技术的,你得说"请用React框架写一个组件","用回溯算法实现解题",我哪懂这些啊?

AiPy不一样,它就是为咱们中国人做的,就是给零基础小白用的。你不需要知道什么框架什么算法,你就说你想要什么效果就行。"我想要蓝色背景","按钮大点","错了要提醒我",就这么简单。

2. 从需求到可运行产品,一条龙搞定

以前我也试过让ChatGPT给我写代码,它倒是能给你生成一堆代码,然后呢?然后就没了。你得自己找地方放代码,你得自己装环境运行,出了错你得自己debug。对于不懂编程的人来说,这第一步就卡死了。我看着一堆报错信息,我哪知道哪错了?

AiPy不一样,它生成完代码直接帮你运行,出了错它自己帮你改。你不用管什么依赖啊环境啊路径啊,这些它都帮你搞定了。你就全程跟它聊天提需求就行,最后给你的就是一个能直接打开玩的成品。这个体验真的差太多了。

3. 循序渐进,可以边玩边改需求

软件开发最痛苦的是什么?改需求!程序员最恨改需求了。但是咱们用户做东西,不就是慢慢想慢慢改吗?一开始谁能把所有需求都想全了啊?都是用着用着才知道还要加什么功能。

在AiPy这里,改需求太轻松了。你想到什么就说什么,改多少次都行,它从来不会不耐烦,也不会跟你说"当初怎么不说清楚"。我这个数独游戏,前前后后改了四五次,每次它都很快改好,而且从来没出错。这要是雇个程序员改这么多次,估计早就跟你翻脸了,钱也早花完了。

4. 成本几乎为零,普通人都能试

你要真雇个开发给你做个小游戏,怎么着也得几千块吧?稍微复杂点上万都有可能。对于咱们就是玩一玩,想实现个小想法,花那钱干嘛?

用AiPy,你花不了什么钱就能做出来。我做这个数独,从开始到结束,一天时间都不到,成本几十块钱撑死了。这个性价比真的太高了。有什么小想法,都可以试试做出来,不用花大价钱找开发。

给同样想试试的零基础朋友一些建议

我作为一个纯零基础,走了一遍流程,也总结了几点经验,分享给同样想试试的朋友:

1. 别怕,大胆试!你真的能做出来

很多零基础朋友肯定跟我一开始一样,觉得"编程是聪明人干的,我肯定不行"。真不是这么回事!现在AI发展到今天,真的已经到了普通人都能做软件的地步了。你不需要懂代码,你只需要有想法,会说大白话,就能做出来。

我一个连for循环都写不出来的人都做成了,你为什么不行?大胆去试就行,错了改就是了,又不损失什么。

2. 需求尽量说具体,细节不怕多

AI虽然能听懂大白话,但是你说的越具体,它做出来越符合你的预期。你别说"给我做个好看的数独",你说"淡蓝色背景,格子大一点,数字要清晰,错了标红",这样就具体多了,做出来肯定差不了。

别怕需求多,别怕改需求,AI不会嫌你麻烦的,尽管提。

3. 先搞定基本功能,再加功能,慢慢来

不要一开始就想一口吃个胖子,把所有功能都加上。先做最简单的版本,能玩就行,然后慢慢加功能。我一开始就是只有最基本的填数字功能,然后加难度,加提示,加擦除,加解题,加笔记,一步一步来,这样也不容易出问题。

4. 出了BUG别怕,描述清楚现象就行

做出来有点小BUG太正常了,别怕。你就把现象描述清楚,"什么时候出问题,怎么出的",AI自己会找会改。你不用懂为什么会出这个BUG,你只要告诉它现象就行。我那个解题BUG,我都不知道为什么,它自己就修好。

总结:AI编程时代,每个人都能实现自己的想法

一天时间,从一个想法,到一个功能完整、能玩能用的数独游戏,这在以前,我想都不敢想。放在五年前,你说一个不懂编程的人能自己做一个出来,谁信啊?但是今天,它真的就发生了。

vibe coding火,不是没有道理的。它真的代表了未来软件开发的一个方向:需求方自己提需求,AI来实现,每个人都能把自己的想法变成产品,不需要依赖专业程序员。

这对咱们普通人来说,真的是太美好了。以前你有个好想法,你想做个工具、做个小游戏,你要么得花大价钱找开发,要么就得自己学半年编程,大部分人想想就放弃了,想法也就烂在肚子里了。

现在不一样了,有了AI,有了AiPy这样对新手友好的工具,你今天有想法,明天就能做出成品来试一试。成本这么低,为什么不试呢?

我做这个数独游戏,其实就是一个很小的尝试。但是这个尝试给了我很大的信心——原来我真的可以自己做软件啊!那以后我再有什么想法,我还能接着做。想做个日程管理工具?做!想做个菜谱记录工具?做!想做个小游戏?做!都不用求人,自己聊天就能做出来。

AiPy最让我惊喜的,就是它真的做到了中文友好,真的让咱们用大白话就能开发。不用讲英文,不用讲术语,这就是咱们中国人自己的AI开发工具。对零基础真的太友好了。

如果你也跟我一样,不懂编程,但是又有个小想法想实现,我劝你真的可以试试。不试你不知道,原来你也行!

AI时代,真的变天了。以前只有专业程序员能做的事情,现在普通人也能做了。每个人都能成为创造者,每个人都能实现自己的想法。这才是AI真正改变世界的地方啊!


哈哈哈
7 声望437 粉丝

Marketing