🚀
🚀
🚀
🚀

我妈第一次自己改了「家庭相册」小程序——就因为我教会她用Claude Code写3句话

站长
2026年4月9日 · 阅读 319 · 点赞 95 · 预计 4 分钟
分享:

我妈第一次自己改了「家庭相册」小程序——就因为我教会她用Claude Code写3句话

上周末回家,我妈指着手机说:“你做的相册小程序,能不能把爷爷的照片放最前面?还有,小宝生日那天,首页弹个蛋糕。”

我没动手,而是坐她旁边,打开Cursor,教她三句话:

> ① “把照片按拍摄时间倒序排,但爷爷的照片永远在第一张”
> ② “今天是小宝生日,首页显示‘🎂小宝生日快乐!’红色横幅”
> ③ “欢迎语改成‘欢迎回家,记得多拍点’”

12分钟后,她指着真机预览屏:“你看,爷爷在最上面,蛋糕也出来了!”

这就是AI编程最动人的时刻:技术主权,回归普通人

---

为什么我妈能成功?3个反常识真相

❌ 真相1:她根本不需要知道什么是“数组排序”


传统教学会讲:
> “你要用sort()方法,传入比较函数(a,b) => new Date(b.date) - new Date(a.date),再用unshift()把爷爷照片插进去…”

✅ AI路径:

  • 她把①句粘贴进Claude Code → AI自动生成带filter()+unshift()+sort()的混合逻辑

  • Cursor自动高亮改动行,她只需确认“对,就是这张爷爷照片”
  • ❌ 真相2:她不需要理解“条件渲染”


    传统教学:
    > “在WXML里写🎂...,然后在JS里写const today = new Date(); const isBirthday = ...

    ✅ AI路径:

  • 她把②句粘贴 → AI直接输出带日期判断的完整WXML+JS块,连new Date().getMonth() === 5 && new Date().getDate() === 12这种细节都写好了
  • ❌ 真相3:她不需要担心改崩


    传统恐惧:
    > “万一删错括号,整个小程序白屏?”

    ✅ AI防护:

  • Cursor的「Undo Last AI Edit」一键回滚

  • 每次生成前自动保存快照(Ctrl+Shift+H查看历史)

  • 她改完3处,共触发2次自动保存,0次报错
  • ---

    教爸妈级用户上手的3句万能公式

    | 场景 | 万能句式 | 示例 |
    |------|----------|------|
    | 改逻辑 | “把XX变成YY,但要保留ZZ” | “把照片按时间排,但爷爷照片永远第一” |
    | 加功能 | “当发生AA时,显示BB,并且CC” | “当今天是小宝生日时,显示蛋糕横幅,并播放生日歌” |
    | 换文案 | “把‘XXX’换成‘YYY’,字体加大加粗” | “把‘欢迎光临’换成‘欢迎回家,记得多拍点’,字号48rpx,加粗” |

    💡 关键:永远用“人话”,不说技术词。不要说“修改data属性”,要说“把欢迎语换掉”。

    ---

    她实际改了什么?(附代码对照)

    原始代码中照片列表逻辑:

    this.setData({ photos: res.data })

    她粘贴①句后,AI生成:

    // 找出爷爷照片(假设name含“爷爷”)
    const grandpaPhoto = res.data.find(p => p.name.includes('爷爷'));
    // 其余照片按时间倒序
    const others = res.data.filter(p => !p.name.includes('爷爷')).sort((a,b) => new Date(b.time) - new Date(a.time));
    // 合并
    this.setData({ photos: grandpaPhoto ? [grandpaPhoto, ...others] : others });

    ——她只负责确认p.name.includes('爷爷')是否正确,其余全由AI兜底。

    ---

    这不是教编程,这是教提问能力

    当一个人学会用自然语言表达需求,她就拥有了数字世界的第一把钥匙。

    下次,你可以试试:把这三句话教给你的父母、孩子、邻居,或者,那个总说“我不会用电脑”的自己。

    > 📌 特别附赠:
    > - 「家庭相册」基础版小程序源码(含3处可编辑标记)
    > - 妈妈手写笔记扫描件(她记下的3句口诀)
    > - Cursor快捷键备忘贴(打印出来贴在键盘上)
    > 全部在woshird.com/getting-started/jia-ting-xiang-ce-ma-ma-edit

    站长
    人人都是程序员,站长
    分享: