主题
提示音与通知
本节目标
让番茄时钟在倒计时结束时发出提示音，提醒你该休息（或该工作）了。
添加提示音
在聊天面板中输入：
给番茄时钟加一个功能：倒计时结束时播放一个提示音。不需要我准备音频文件，请用 JavaScript 直接生成一个简单的提示音。
为什么说"用 JavaScript 直接生成"？
如果不加这句，AI 可能会让你下载一个音频文件并引入到项目中。对于零基础学员来说，用 JavaScript 直接生成声音更简单，不需要额外下载文件。
这也是一个 prompt 技巧：提前预判 AI 可能的方案，引导它选择对你最简单的那个。
看看效果
接受更改，刷新浏览器。让倒计时运行到 00:00（可以让 AI 暂时改成 5 秒方便测试），你应该能听到一个提示音。
添加浏览器通知（可选）
如果你想在计时结束时收到桌面通知（就算浏览器不在最前面也能看到），可以告诉 AI：
另外，倒计时结束时也弹一个浏览器桌面通知，标题是"番茄时钟"，内容根据当前状态显示"工作结束，休息一下！"或"休息结束，开始工作！"
注意
浏览器通知需要用户授权。第一次触发时浏览器会弹出"是否允许通知"的提示，点击"允许"即可。
番茄时钟完成！
到这里，你的番茄时钟已经是一个功能完整的应用了：
- 25 分钟倒计时
- 开始 / 暂停 / 重置
- 工作与休息自动切换
- 好看的界面
- 计时结束提示音
而你没有写过一行代码。 所有的一切都是通过和 AI 对话完成的。
别小看这个项目
你可能觉得番茄时钟很简单，但回头看看，它其实包含了真实软件开发中最核心的几个概念：
- 状态管理：你的应用要记住"现在是工作还是休息"、"倒计时走到了第几秒"、"是暂停了还是在运行"——这就是软件开发中的「状态管理」，所有复杂应用的根基
- 用户交互：点击按钮触发行为、页面实时更新显示——这就是「事件驱动」和「UI 响应」，现代应用的基本模式
- 多媒体能力：用代码生成声音、调用浏览器通知 API——你已经在跟操作系统层面的能力打交道了
- 渐进式构建：从一个静态数字，到能跑的倒计时，到完整的工作/休息循环——你一步步把一个想法变成了产品。这就是真实项目的开发节奏：先让它跑起来，再让它变好用，最后让它变好看
这些不是教科书上的抽象概念，而是你刚刚通过和 AI 对话，亲手做到的事情。
回顾 Vibe Coding 技能
- 描述需求：用自然语言告诉 AI 你想要什么
- 验证结果：在浏览器中查看 AI 做出来的效果
- 解决问题：遇到问题时，描述现象让 AI 排查
- 迭代调整：不满意就继续跟 AI 说，一轮一轮改进
- prompt 技巧：越具体的描述，越好的结果
下一步
想看看在这个过程中可能遇到的其他问题？查看常见问题。
准备好挑战第二个项目了吗？在贪吃蛇项目中，你会学到更强大的 AI 开发工具。