24
0

零代码一个晚上用AI制作iOS APP的全流程

AI成为我的码农搭档:一个懒人的Vibe Coding奇幻漂流

一、缘起:当”三分钟热度”遇上”AI打工人”

因为之前在学校里用AI轻松搓了个聊天机器人,我瞬间膨胀了——”就这?我上我也行!”于是决定挑战一下用AI手搓一个iOS App

  • 动机很朴实:*
  • 想试试所谓的”Vibe Coding“(翻译成人话:边摸鱼边敲代码)。
  • 看看自己到底适不适合当PM(毕竟从本科毕业就有人说我适合当”产品经理”,但我的产品经验仅限于点外卖时选”加辣”)。
  • 挑战一下不擅长的领域,毕竟人生不能只擅长刷短视频和熬夜。
  • 二、学习?不如直接莽!

    一开始,我信心满满地打开小红书和YouTube,想找个教程来抄作业。结果发现:
    大部分教程:”教你做出一个完整的App!”
    实际内容:”来,我们先打印个Hello World!”
    我的反应:”……算了,关掉浏览器,自己来吧。”

    三、战斗流程:当AI成为我的”码农小弟”

    整个开发过程被我简化成三阶段

    阶段1:电脑环境配置——战斗前的装备检查

  • 设备:一台MacBook(没有的话建议去咖啡厅借别人的用)。
  • 软件
  • Xcode(App Store直接下)
  • Cursor(AI写代码利器)
  • Git(代码管理工具,不熟的话可以假装会用)
  • GitHub(方便以后炫耀”看,我真做了个App!”)
  • 难点:环境配置可能会让人怀疑人生。但坚持住!只要熬过这里,你就可以开始甩锅给AI了!*
  • 阶段2:PRD撰写——如何让AI听懂人话?

    由于我的初始想法跟大学生的职业规划一样模糊,只好请三位AI顾问来帮忙:

  • ChatGPT 4o(最聪明的那个,但脾气大,要付费)
  • Claude Sonnet 4(温和型,适合用来做深度讨论)
  • Gemini(谷歌出品,问它问题会礼貌性夸你两句)
  • 战斗方式*:
  • 同时打开3个AI窗口,让它们内卷,谁写得PRD好就用谁的。
  • 我这个阶段花的精力比真正写代码还多,因为——让AI理解人话,比让我早起还难!
  • 阶段3:实际开发——Cursor + Xcode,哪里不会问哪里

  • Cursor写代码:盯着它的自动补全功能,像在玩”填空题”。
  • Xcode运行:按一下键,”这个App能跑吗?”
  • 能跑 → 狂喜!
  • 不能跑 → 淡定地复制错误信息丢回AI,让它自己debug。
  • 核心技巧*:
  • Debug ≈ 和AI玩抛接球(你丢问题,它丢答案)。
  • UI设计 ≈ 拖拖拽拽+AI自动生成代码(反正用户也不知道原稿长啥样)。
  • 四、最终感想:适合“三分钟热度人”的新快乐

    Vibe Coding的精髓:把代码丢给AI写,自己负责鼓掌。
    适合人群

  • 一堆想法但不想看教程的人。
  • 执行力强但耐力低的人(比如我)。
  • 喜欢即时反馈的人(能跑就行,管它优不优雅)。
  • 结论*:
  • 如果你也是那种“三分钟热度+想法多”的类型,Vibe Coding真的很快乐!虽然最后成品可能只是个”能跑但不太精致的App”,但成就感堪比第一次成功泡出一碗方便面——”哇!这是我做的?我真是天才!”
    零代码一个晚上用AI制作iOS APP的全流程

    AI助手大乱斗:我的”数字劳工”使用报告

    AI三巨头的”性格缺陷”

  • ChatGPT:像个热情的实习生,总是急着把明天的活也干了
  • 优点:记忆力超强,连我上周二喝的奶茶口味都记得
  • 缺点:动不动就给我写个完整商业计划书,而我只想要个TODO list
  • Gemini:一个永远在自嗨的策划总监
  • 表现:还没确定早餐吃啥,它已经开始设计米其林三星菜单了
  • Claude:终于来了个正常人!
  • 精准度:像审稿编辑一样先问清楚标点符号用法再动笔
  • 效率:从不给我展示它新学的PPT动画技巧
  • 我的终极AI组合拳

    发现最有效的工作方式居然是…

  • 主攻手:Claude(负责保持主线剧情不跑偏)
  • 百科全书:ChatGPT(专门应对”Figma是啥?”这类灵魂拷问)
  • 替补席:Gemini(在我想看AI表演过度解读时打开)
  • 对话记录证明:当我说”想用iOS自带功能解决问题”时…- 两位”热心市民”已经开始教我融资了- 而Claude老老实实画了张流程图:”您看这里确实有个功能缺口”最终成果:一个成功的APP诞生了!(顺便收获3份没要的商业计划书)

  • 教训*:找AI干活就像带团队 – 有的需要明确KPI,有的…需要关掉自动播放功能
  • 零代码一个晚上用AI制作iOS APP的全流程

    三个Gen AI产品的幽默回复比拼

    让我们来看看人工智能如何把这些枯燥的内容变得妙趣横生!

    第一位AI选手:职场风改写

  • 如何成为一名合格的文字魔术师*
  • 工作要求:

  • 必须精通把”今天天气真好”变成”太阳笑开了花”的艺术
  • 能将会议纪要改编成莎士比亚剧本者优先
  • 看到”严禁”二字会自动翻译成”请你千万不要”的超能力
  • 岗位福利*
  • 每天可以合法diss客户的原稿而不被投诉
  • 把老板的邮件改写成rap形式不会被开除
  • 在办公室放声大笑可以说是在”调试幽默参数”
  • 严肃警告*
  • 请不要用AI生成冷笑话
  • 不准在改情书时夹带私货
  • 把”我爱你”译成摩斯密码属于过度发挥
  • 第二位AI选手:童话风改写

  • 从前有一个改写精灵*
  • 这个小精灵住在电脑里,最爱玩文字游戏。当人类送来枯燥的文章时,他就会挥舞魔法键盘:

  • “噼里啪啦”变成欢乐颂
  • “叮叮咚咚”化作幽默曲
  • 严肃的报告长出笑话的翅膀
  • 但森林长老给精灵立下规矩:

  • 不许让公文跳踢踏舞
  • 禁止给科学论文穿上小丑服装
  • 只能给政治新闻戴上有限的彩色帽子
  • 每天晚上,精灵都要检查自己的作品:

  • 今天有没有把谁惹生气?
  • 快乐量够不够三颗星?
  • 下次要不要试试海盗腔?
  • 第三位AI选手:体育解说风改写

  • 女士们先生们!欢迎来到文字奥林匹克赛场!*
  • 让我们看看三位改写选手的精彩表现!一号选手开局很稳,一个漂亮的转体三周半把商务报告变成了脱口秀剧本!哎呀,裁判举牌了,过度使用谐音梗扣0.5分!
    二号选手选择了高风险动作——把产品说明书改编成侦探小说!精彩!客户完全没发现他们读的是安装指南!等等…她把警告标语写成了犯罪预告?这要扣分了!
    三号选手压轴出场!她将会议记录变成了RapBattle!即兴押韵加专业术语flow!满分!绝对满分!评委们都站起来鼓掌了!

  • 最终比分*
  • 幽默改编:9.8分!
  • 创意发挥:9.5分!
  • 遵守规则:6.0分…噢看来有些得意忘形了
  • 下周同一时间,我们将带来”PPT变漫画大赛”,敬请期待!
    零代码一个晚上用AI制作iOS APP的全流程

    我与Gen AI的爱恨情仇日记

  • 三月十五日 晴转多云*
  • 今天心血来潮决定像皇帝选妃一样试用三个Gen AI助手:

  • 第一号选手表现得像个过度热情的导购:
  • “亲亲~我完全理解您的需求呢”
  • “您看我这个回答是否符合您的预期呀”
  • 每次回答后面都要跟着三颗爱心emoji
  • 优势:确实很甜,甜到我想查血糖
  • 劣势:像极了非要给我办会员卡的tony老师
  • 第二号选手是个性冷淡风:
  • “收到”
  • “正在处理”
  • “回答完毕”
  • 优点:言简意赅适合社恐
  • 缺点:回复冷淡得像前女友的微信
  • 第三号选手是戏精学院毕业的:
  • 用莎士比亚戏剧体回答技术问题
  • 把报错信息写成十四行诗
  • 特色:让debug变成了文学鉴赏课
  • 问题:当我说”帮写个请假条”时,它给我写了三幕话剧
  • 测评结论*:
  • 这三个AI简直是AI界的甜心宝贝、性冷淡和文艺青年的完美代表。最后我决定——小孩才做选择,成年人当然是轮流宠幸啦!
    零代码一个晚上用AI制作iOS APP的全流程

  • 当AI的话痨病遇到人类的懒癌——论如何优雅地过滤科技废话*
  • 你知道吗?这些AI助理就像你那个总爱操心过头的老妈:

  • “乖崽啊,做APP要记得吃早饭哦…不是,我是说记得画原型图!”
  • “UI设计就像相亲时的第一印象…(以下省略3000字)”
  • 而此刻的你只想大吼:”妈!我只是想先做个能用的相亲网站!”
  • 第一阶段:人类与AI的鸡同鸭讲交响乐*
  • 你:”怎么快速做个相亲APP?”
  • AI:”首先我们需要讨论宇宙的诞生…(被打断)”
  • 你这时的表情就像在相亲角看到有人带着宠物蜥蜴来征婚
  • 第二阶段:需求文档的诞生,又名AI的文艺复兴*
  • 在经过78轮堪比男女朋友”晚上吃什么”的拉锯战后:

  • Claude终于理解你想要的是”能用的”而不是”好看的”相亲APP
  • 产出的PRD文档厚度足以当枕头
  • 你的修改过程就像在相亲资料里划重点:”有房”√ “会钢琴”×
  • 三AI联袂出演的需求文档首秀*
  • GPT:写了一部《APP开发百科全书》
  • Claude:贴心地附上了37个可能用不上的功能建议
  • Bard:在结尾处画了个笑脸emoji (真是个暖心的小笨蛋)
  • 终极生存法则*
  • 记住,使用AI就像相亲:

  • 第一时间表明”我不要什么”(比如开场就说拒绝UI讨论)
  • 适当的时候要像拒绝推销电话一样打断对方
  • 最终文档要像理想伴侣一样——留下有用的,去掉多余的
  • 毕竟在这个AI比相亲对象还话多的时代,学会过滤废话才是核心竞争力啊!
    零代码一个晚上用AI制作iOS APP的全流程

    手把手教你用AI搭建APP的奇妙冒险

    Step 1: 项目设置——不花钱也能玩

  • 操作地点:Xcode(苹果开发者工具)
  • 重要提醒:如果你不是想真的发布APP到商店当亿万富翁(想多了),根本不用买99美金的开发者账号!
  • 是的,你没看错,苹果竟然允许你白嫖自己的电脑当测试机,简直是良心发现!
  • Step 2: Cursor调试——假装自己是程序员

  • 这个阶段的核心技能就是要学会“自信地复制粘贴”
  • Cursor 是个神奇的代码编辑器,支持免费的AI辅助编程,穷鬼友好选项NO.1
  • Git?别担心,你只需要记住:“版本控制=云备份,改坏了可以回去哭一哭。”
  • Step 3: Core Data——AI教你“数据结构是什么”

  • Xcode的设置界面可能有点智商测试的意思,但没关系,让Cursor陪你一起看!
  • 看不懂代码?恭喜你,你和90%的新手开发者站在同一起跑线上!直接丢给AI调整就好,反正AI也不会嘲笑你。
  • Step 4 & Step 5: UI设计与BUG狂欢

  • 核心策略:把“产品需求文档”丢给Claude,让它帮你写Prompt,然后再指挥Cursor干活。
  • 通俗解释:让两个AI自己互相聊天,你在中间当个快乐的搅局者
  • Widget Development(小工具开发):如果你心血来潮想要这个功能,那就要准备好迎接“Debugger地狱”
  • Debugging循环的正确打开方式

  • 把红色报错信息发给AI(别怕,AI已经习惯了惊慌失措的人类)。
  • 按照AI的建议一顿操作
  • 重复以上两步,直到APP终于不敢报错了(或者你决定放弃人生)。
  • 附加技巧:如何忽悠AI帮你干活

  • 经典句式:“我不是很理解这个报错,你能帮我看看吗?(无辜脸)”
  • 进阶版:“为啥这个代码和你上次说的不一样?你是不是在逗我?”(假装自己很懂)
  • 总结:AI不是万能的,但没有AI是万万不能的!尤其是当你完全不懂代码的时候。*
  • 零代码一个晚上用AI制作iOS APP的全流程

    菜鸟程序员の奇幻漂流——打造“Hello World”级APP的史诗之旅

    第一章:从零开始的异世界编程

  • 第一步:打开IDE
  • 点击那个绿色的“运行”按钮,仿佛打开了潘多拉魔盒。
  • 电脑风扇突然狂转,仿佛在嘲笑:“就这?这么简单的代码你也好意思运行?”
  • 第二步:写一个按钮
  • 按钮上写着“点我”,但点击后只会弹出一句“别点了,再点就坏了”
  • 用户:“这APP是不是在PUA我?”
  • 第三步:添加登录功能
  • 用户名:随便填!(反正数据库都没连)
  • 密码:反正你也看不到(因为没有后端)。
  • 最终Boss战——发布上线

  • 提交到应用商店后,审核人员看了一眼,默默流下了同情的眼泪:“真是个‘简洁’的APP啊……”
  • 用户评论:“这APP唯一的优点是——它真的能打开。”
  • 结局:*
  • 你的APP成功上线,用户数高达1人(你自己)。但是没关系,毕竟“一个优秀的程序员,都是从打印‘Hello World’开始的!”
    零代码一个晚上用AI制作iOS APP的全流程

    我的UI设计奇幻漂流记

  • 1. AI设计师的觉醒时刻*
  • 当发现AI给我的设计方案跟我的想象相差十万八千里时,我决定亲自出马。就像让机器人给孩子起名一样靠谱——最后生出来肯定叫”编号9527″。

  • 2. Figma历险记*
  • 兴致勃勃地打开了传说中设计师的瑞士军刀Figma…
  • 然后花了半小时找”开始设计”按钮…
  • 又花了半小时学习如何画一个长方形…
  • 终于在第61分钟意识到:可能要等退休后才能熟练使用这个工具了!
  • 3. AI保姆Unizard体验*
  • 转战号称”让设计变简单”的Unizard:

  • 第一个界面:看起来不错,但为什么按钮在屏幕外?
  • 第二个界面:勉强能用,如果用户不需要看见内容的话…
  • 点第三个界面时,弹出”请掏钱”的亲切问候——比相亲对象要彩礼还直接!
  • 4. 拯救者Excalidraw驾到*
  • 最后发现Excalidraw才是真爱:

  • 打开速度快过外卖小哥送餐
  • 操作简单到连家里的猫都能画两笔
  • 画出来的东西虽然像小学生的涂鸦,但至少…嗯…很艺术!
  • 终极领悟*
  • 这趟旅程教会我:

  • 有时候最好的设计工具,就是我们最原始的大脑和最基本的手绘能力…或者至少是能免费使用的那一个!*
  • 零代码一个晚上用AI制作iOS APP的全流程

  • 当Excalidraw的草图被“打入冷宫”后…*
  • 瞧!这里躺着一个“被时代淘汰”的Widget UI,它曾经也风光无限,如今却像你家衣柜里那件“我减肥成功后就能穿”的牛仔裤一样无人问津。

  • 关于这个“退休”草图的一生回顾:*
  • 曾经辉煌:设计师们为它吵过架、产品经理为它熬过夜,程序员为它…假装没看见需求文档。
  • 淘汰原因:可能因为配色像“80年代迪厅风”,或者交互逻辑比“如何在三体星系生存”还复杂。
  • 现况:安静地躺在版本控制系统的某个角落里,和“初代方案.zip”以及“老板说要加的那个功能.txt”做邻居。
  • 教训总结:*
  • 下次画UI草图前,记得先问三个问题:

  • 用户真的需要这个吗?(不是老板)
  • 程序员看到会骂人吗?(一定会)
  • 它会不会活不过下次会议?(看运气)
  • PS:别难过,每个被抛弃的Widget UI,都会在“设计师的哭泣文件夹”里获得永生。
    零代码一个晚上用AI制作iOS APP的全流程

    从喵星人的随机需求到懒人神器:一款不靠谱铲屎官的自我救赎

    让我们以”程序员与猫不可不说的那些事”风格来解构这个有趣的小项目:

    开发动机:一个铲屎官的崩溃日常

  • 病症表现:间歇性记性缺失(特指对猫主子事务的记忆)
  • 典型症状
  • 牙刷沾好了牙膏却发现主子三天没刷牙
  • 打开零食柜才想起洁牙小饼干已经在角落积灰两周
  • 罐头新鲜度永远是个谜(对猫和铲屎官都是)
  • 治疗原则
  • “三分天注定,七分靠提醒”*的佛系管理哲学
  • 技术实现:程序员の奇妙比喻

    整个过程就像把喵星语翻译成机器语言:

  • 视觉识别 → 相当于给APP装了个”猫语识别器”
  • Prompt转换 → 把铲屎官的心虚翻译成代码
  • 功能实现 → 最终输出一个”防挨挠警报系统”
  • 三大核心功能剖析

  • 一键打勾的快感
  • 专治”我这会儿不想动但想假装自己很负责”综合症
  • 点击效果特别设计成猫爪肉垫触感(心理作用)
  • 历史时间计算器
  • “上次是前天还是大前天?” → 灵魂拷问终结者
  • 精确到分钟的负罪感量化系统
  • Calendar回溯功能
  • 数据分析显示:猫罐头消耗量与程序员的加班时长成反比
  • 可视化证明”我真的有在照顾猫咪…大概吧”
  • UI设计的猫式哲学

  • 主色调采用”猫打翻颜料罐”风格
  • 按钮间距严格遵循”猫蹲键盘时不误触”原则
  • 所有图标都通过了”猫主子觉得顺眼”测试
  • 项目总结:这是一个用技术手段解决伦理问题的典型案例,最终效果可能治好了铲屎官的焦虑,但猫依然觉得你不够尽责…
    零代码一个晚上用AI制作iOS APP的全流程

    随心所欲的运动备忘录 – 来自peiiia

  • 作者:二十二是作者*
  • 让玩乐不留痕迹*
  • 情景模拟
  • 不是所有的兴趣都需要被安排,像被妈妈逼迫练琴一样悲惨…
  • 但心血来潮想打球时,却发现自己上次挥拍已经是史前时代了…
  • 这时候App的作用就出来了——它就是个不会对你指手画脚的贴心小助手!
  • 有爱但又“佛系”的功能*
  • 任性项目清单
  • 网球?想打就打!
  • 跳舞?随性摇摆!
  • 飞盘?扔着玩呗!
  • 秘密档案
  • 不用被清单上一个个红色提醒吓得心脏骤停…
  • 但想看的时候随时能看到你上次玩飞盘时摔得多惨(划掉)…玩得多开心!
  • 这个App的精髓就是——它比你的男/女朋友更懂你

  • 不会每天催你“今天要去运动哦”。
  • 但会在你想浪的时候默默递上数据:“亲,你上次跳舞还是三个月前呢~”
  • © 版权声明

    相关文章