对话向阳乔木：当编程像聊天一样简单，但价值远超你想象 | MindCode 闭门会第16期精华|代码|对话向阳乔木|插件|编程|闭门会

按： “读完周报再来聊聊”是MindCode仅限进群粉丝参加的闭门直播交流会。目前已经做了16期。闭门会是一场交流会，每期我们围绕近期周报里大家感兴趣的内容展开讨论，偶尔会邀请特定嘉宾。直播交流会没有回放，一般也没有会后总结，但偶尔会有，比如本期。本期我们邀请了向阳乔木一起来聊聊： Vibe Coding是个啥，为什么它如此重要？以下是本期文字总结，由于现场是实机上手演示为主，文字总结只还原了现场1‰的精彩——但仍然很精彩——欢迎你阅读。

核心动机与未来趋势：为何要学 Vibe Coding？

向阳乔木：掌握AI编程（Vibe Coding）正成为一项新时代的基础技能。如同汽车驾驶在几十年里从专业岗位（还有编制）普及为基本能力，Coding的门槛因AI而大幅降低，未来将惠及更多人。

Vibe Coding 的核心价值在于纳瓦尔说的：利用代码（Code）和媒体（Media）这两个新时代的强大杠杆。

AI让普通人也能通过创造产品来服务大量用户，从而将个人时间转化为巨大价值。这就像保罗·格雷厄姆的“修门”隐喻：互联网世界充满了未被满足的需求（“漏风的墙”），而掌握AI编程能力的人，就能成为那个发现并解决问题的“木匠”，创造出实际价值。

关于入门路径与核心心法的讨论：

对于非程序员，入门Vibe Coding主要有两种观点，但最终导向统一的实践哲学：

两种观点
- 基础派：
  建议先了解基础编程逻辑，避免只能做简单的展示页。
- 项目驱动派：
  建议直接从解决自身真实需求的项目入手，在实践中“倒着学”，遇到不懂的概念（如数据库、前端）时，立即向AI请教。
统一建议与心法
- “干就是学”
  最佳路径是直接开始创造，以解决实际问题为导向，而非“先学再做”。开发中遇到的坑是学习的必经之路。
- 从个人痛点开始
  初学者应从简单的展示性网页、小工具或改造现有网页（如通过油猴脚本）入手，避免初期受挫。目标是创造第一份价值，而非等待完美的工具。
- 简化初始工具
  入门时无需配置复杂的开发环境，可以直接在Claude、Deep Seek等AI的聊天框中生成代码，专注于实现功能。

关于AI编程的爆发点？关键工具？

向阳乔木：AI编程能力的真正爆发始于Claude 3.5的出现，此后相关工具大量涌现，使得AI辅助开发变得切实可行。

推荐平台与工具
- Web应用快速开发
  bolt.new ，通过自然语言提示即可快速生成网站，适合快速验证想法。
- 浏览器脚本/插件
  油猴 (Tampermonkey) 是低成本注入代码、改造网页的利器。
- 复杂项目开发
  使用 Cursor，或 Claude Code，或 Augment ，尤其后者体验不错，它提供更长的上下文空间，更好地发挥大模型（如Claude）的工程能力。
- 核心AI模型
  优先选择Claude系列（特别是3.5及之后版本）在代码生成方面表现出色。

嘉宾现场上手演示：我是怎么Vibe Coding的（甚至是怎么翻车的）。

1. 演示：简单Web工具开发

抽奖工具
该工具完全通过自然语言在 bolt.new 上生成。具备活动管理、奖品批量导入、中奖率设置等后台功能。传统团队开发需数周，而AI辅助下可极速完成。
即时网页生成器
解决普通人无法方便分享AI生成的HTML/Markdown代码的痛点。用户粘贴代码即可生成一个公开的网页链接。

2. 演示：浏览器脚本与插件开发

基于油猴做的的脚本
- 公众号配图助手
  在公众号编辑器增加按钮，一键复制符合个人风格的AI绘画提示词，提升作图效率。
基于浏览器做的插件
- Easy Copy
  解决手动复制网页标题和链接的繁琐。单击复制“标题+链接”，双击转换全文为Markdown。
- 沉浸式阅读插件
  针对排版不佳且不易鼠标复制的网站，按快捷键即可进入简洁、可复制的阅读模式。

3. 插播一条：高级提示词工程 (元提示词)的方法

概念
创建一个用于生成其他高质量、专业化提示词就叫“元提示词”。
实践
通过“元提示词”先生成一个“3D游戏制作专家”的Prompt，再用这个新Prompt指导AI，成功生成了可交互的3D模型（如北京四合院）和HTML版的“雷电”小游戏，展示了AI在未知领域生成高质量代码的能力。

4. 复杂桌面应用开发（Vibe Coding能力上限展示）

向阳乔木：为解决我自己在公众号创作流程中的痛点，我开发了一款集素材收集、编辑、发布于一体的桌面笔记应用。

核心功能
- 无缝素材收集
  浏览网页时，通过快捷键即可静默收藏选中的文本或截图到软件内。
- 可视化编辑
  通过拖拽方式对素材进行排版创作。
- 多平台发布
  支持一键复制为公众号格式，或直接发布为公开网页，并能导出为长图或PDF。
- 深度AI集成
  内置AI生成标题、模型参数自定义等功能。

AI协同开发模式与技术实现

向阳乔木：上述这款复杂桌面应用的开发过程充分展示了人与AI协作的新范式，整个过程都是跟 AI 聊出来的。

跟 AI 讨论技术关键点：
- 明确框架：
  Electron （用于构建跨平台桌面应用）。
- 找到核心库：
  Puppeteer （用于高质量地生成PDF和图片）。
- 血泪教训：版本控制
  Git 用于随时回滚错误修改，相比传统开发，Git 在 Vibe Coding的重要性还要再高 10倍！因为哪怕跟上次同样的prompt，AI 写的代码也会完全不同，更不要说你还不一定看得懂。
流程过程中跟 AI 协同：
1. 需求定义
  先用自然语言让AI生成产品需求文档。
2. 原型生成
  将需求文档交给AI编程工具（Augment）生成第一版代码。
3. 迭代优化
  通过对话向AI描述Bug或新需求（如“帮我实现自动上传到图床”），AI提供解决方案，人进行测试和决策。
4. 代码重构
  当代码文件变得复杂时，利用AI的长上下文能力对其进行扫描和拆分。
那人的角色是什么？
向阳乔木：人的价值在于做出关键决策（技术选型、方案评估）、进行细致的UI布局描述、以及承担最终的测试和调试工作。