乐于分享
好东西不私藏

我一个零编程基础的人,用 AI 四天做出了一个纯血鸿蒙 App

我一个零编程基础的人,用 AI 四天做出了一个纯血鸿蒙 App

我一个零编程基础的人,用 AI 四天做出了一个纯血鸿蒙 App

没有写一行代码,全程纯 vibe coding。这件事,普通人真的也能做。

上周末,我发了一条朋友圈:

「有谱有范」—— 我的第一个鸿蒙原生 App,今天正式上线了。全程没有手写一行代码,纯靠 AI。

评论区炸了。

最多的三种回复:

「???什么意思你不写代码怎么做出来的」
「AI 帮你写的?那也得你自己懂吧」
「求教程求教程求教程」

今天这篇文章,就是想认真聊一聊这个过程。


01 | 先说说我做了一个什么

我做的这个 App 叫「有谱有范」,是一个拍照姿势参考工具。

很简单:打开 App,选一个场景(比如「海边日落」「咖啡店」「城市夜景」),App 就告诉你 —— 这个场景下怎么摆姿势、光线怎么用、穿什么颜色、相机参数调多少。

10 个生活场景,100 组拍照姿势,50 组相机参数速查,还有摄影知识卡片和拍照技巧指南。

就是一本随身拍照参考书。

你说这东西有多大技术含量吗?说实话,不大。它就是一个纯静态内容的展示工具,数据全写在本地,没有后端,没有用户系统,没有社交功能。

但问题是 ——一个完全不懂编程的人,到底能不能把它做出来?

答案是可以。而且只用了四天。


02 | 什么是 Vibe Coding

先解释一下什么叫「vibe coding」。

这个词是 OpenAI 联合创始人 Andrej Karpathy 提出来的。他原话大概是这么说的:

「有一种新的编程方式,我叫它 vibe coding。你完全沉浸在那种感觉里,把控制权交给 AI,忘记代码的存在。你只需要说『把这个按钮调大一点』『让这个颜色再暖一点』,AI 帮你搞定一切。」

翻译成人话就是:你跟 AI 聊天,AI 帮你写代码。你只管提需求,不用管实现。

这跟传统编程的根本区别在哪?

传统编程:你要学语法、学框架、学数据结构、学设计模式、学调试技巧……这条学习曲线,少说半年起步。

Vibe coding:你只需要把你想要的描述清楚。仅此而已。

就像一个不会做饭的人,对着一个顶级厨师说:「我想要一道酸辣口味的、有虾的、带点东南亚风味的菜。」厨师去帮你做。你不用知道火候怎么控制,调料比例多少。

你唯一的技能要求,是能把自己的需求说清楚。

03 | 四天,从零到上线

说实话,第一天打开 DevEco Studio(鸿蒙的官方开发工具)的时候,我连这个软件是干什么的都不知道。

整个过程的 timeline 是这样的:

Day 1:从「hello world」到第一个页面

我做的第一件事不是写代码,而是描述产品

我对 AI 说:

「我要做一个拍照姿势参考的鸿蒙 App。首页有几个场景卡片,点进去能看到这个场景下的拍照姿势。整体风格要少女心一点,粉色系。」

然后 AI 生成了第一个版本。

丑。真的很丑。卡片大小不对,颜色刺眼,没有任何间距可言。

但重点是 ——它已经有了骨架。你能看到页面结构、能看到场景列表、能看到点击跳转。

接下来就是一场漫长的「改改改」:

「卡片圆角调大一点,12px 不够,16px」
「背景颜色太粉了,再浅一点,偏奶油色」
「这个文字字号太大了,整体缩小一号」
「场景描述别用纯黑色,用深灰带点紫」

一条一条指令下去,页面越来越接近我想要的样子。

第一天结束的时候,我有了一个能看的首页、一个场景列表页、一个场景详情页。

Day 2:把体验做对

第二天我以为进度会很快,结果一整天都在打磨细节

左滑返回上一页,右滑返回上一页 —— 做了。
软硬件返回键适配 —— 做了。
姿势列表的滚动效果 —— 做了。
每个场景有自己的主题色 —— 做了。
卡片间距、阴影、动效 —— 全调了一遍。

这一天最有感触的是什么呢?

AI 不会主动帮你做这些。它只会响应你的指令。体验好不好,取决于你对细节有多较真。你挑剔,它就帮你改。你无所谓,它就无所谓。

这就是 vibe coding 的第二个真相:AI 是你的手,但脑子必须是你的。


Day 3:搜索和收藏

第三天开始做功能。

我跟 AI 说:

「给 App 加一个搜索功能,能搜场景名和姿势名。再加一个收藏功能,用户可以把喜欢的场景和姿势收藏起来。收藏数据要存到本地,下次打开还在。」

然后 AI 给我加了搜索页、收藏按钮、本地持久化存储。

中间有个 bug 特别好,我印象深刻:收藏了一个场景之后退出 App,再进来收藏没了。我对 AI 说:「收藏数据消失了,你是不是存错了?」它查了一下说:「哦我用了临时变量,改成本地存储就好了。」—— 修好,前后五分钟。

如果是我自己写代码遇到这个 bug,可能查一整天都找不到原因。

这是 vibe coding 最大的爽点:bug 修复是聊天式的。你描述症状,它定位原因,你同意方案,它执行修复。


Day 4:工具箱 + 上线

最后一天,我说:

「App 的主体功能差不多了。我想再加一个工具箱模块,里面放四样东西:相机参数速查、摄影知识卡片、拍照技巧、色彩指南。」

AI 问了我一些细节:「参数速查按什么分类?」「知识卡片每张大概多长?」「色彩指南是按场景分还是按风格分?」

我回答了之后,它生成了完整的数据文件 —— 50 组相机预设、11 张知识卡片、14 条拍照技巧、N 套配色方案。

这些内容的文案质量,说实话,比我自己写的还要好。

数据生成完之后,套一个工具箱页面,搞定。

第四天晚上,打包、签名、提交应用市场。审核过了。上线。


04 | Vibe Coding 的真相

四天做完一个 App,这个速度放在传统开发里是不可思议的。

但我必须诚实地跟你讲几个真相。

真相一:AI 不是万能的,它需要你「会说」

你不会收到一个「好的,帮你做一个拍照 App」的回复,然后就得到一个成品 App。

你会收到一个大概像那么回事的版本,然后你需要不断地看、不断地改、不断地纠偏。你的审美、你的判断、你对细节的执着,决定了最终成品的上限。

AI 决定了效率的下限,你决定了质量的上限。

真相二:你会遇到推不动的时刻

中间有一次,AI 生成的代码怎么都编译不过。改了五六次,改到烦躁。

然后我做了什么呢?我把报错信息完整贴给 AI,说:「这个错误已经反复出现好几次了,请仔细分析根因,不要重复给同样的方案。」

它重新分析了一遍,找到了一个我之前没注意到的配置问题。修好之后终于跑通了。

遇到死胡同的时候,退一步,换一个描述方式,往往就过去了。

真相三:你不需要懂代码,但你需要懂「产品」

我零编程基础。但我清楚三件事:

1. 这个 App 是给谁用的(拍照尴尬的普通人)

2. 用户在什么场景下打开它(拍照之前,着急找参考)

3. 用户最需要什么(姿势参考 > 参数速查 > 学习摄影知识)

这三个问题的答案,跟代码无关。跟对人的理解有关。

Vibe coding 不会替你「想」,它只会帮你「做」。想清楚的部分,永远是你自己的功课。

05 | 普通人也能做

写这篇文章不是想吹嘘「我四天做了一个 App」。

是想说:

我们这代人运气很好,赶上了这样一个时代 —— 你有一个想法,不需要先花半年学编程才能去实现它。你现在就可以。

不需要是程序员。不需要懂代码。不需要名校背景。不需要团队。

你只需要:

一个你真正想解决的问题(最好是自己的痛点)
清晰地描述需求的能力
对细节不妥协的审美
遇到问题时愿意多试一次的耐心

这些,真的不需要任何技术天赋。


06 | 写在最后

安德烈·卡帕蒂说,vibe coding 最神奇的地方在于 ——它让你忘记代码的存在,完全沉浸在「创造」这件事本身。

创造一件东西的快感,跟写代码的快感,是两回事。

前者是:这个东西有用,它帮到人了,它是我脑子里想的东西变成了真的。

后者是:这段代码真优雅,这个算法真巧妙,这个架构真漂亮。

不是说后者不好。但前者,是另一种完全不同的快乐。一种不需要任何专业技能门槛就能获得的快乐

如果你心里也有一个「一直想做但觉得自己做不了」的小想法 ——

现在就是最好的时候。


「有谱有范」

>

纯血鸿蒙原生 · 拍照姿势参考 App

>

📲 华为应用市场搜索「有谱有范」即可下载

>

全程 vibe coding,零手写代码,四天上线。

下一篇我会详细介绍一下这个 App 的功能,以及怎么用。敬请关注。


📷 今日互动

你有没有一个「一直想做但因为不会编程而搁置」的想法?

来评论区聊聊。你会发现,你并不孤单。