常见问题

项目创建相关

AI 创建了很多文件，不知道哪个是哪个

不用在意文件的数量和结构。你只需要关注最终结果——在浏览器中打开 index.html，看效果是否正确。AI 怎么组织代码文件是 AI 的事。

AI 用了框架（React/Vue 等），但我想用纯 HTML

告诉 AI：

请不要使用任何框架，用纯 HTML、CSS 和 JavaScript 来实现，我只需要一个 index.html 文件就能在浏览器中直接打开

AI 让我运行 npm install 之类的命令，我不懂

这说明 AI 选择了需要构建工具的方案。告诉 AI：

我不想安装任何工具，请用最简单的方式实现，直接用浏览器打开 HTML 文件就能运行

倒计时相关

倒计时在后台标签页会变慢

这是浏览器的正常行为——当标签页在后台时，浏览器会降低计时器的精度以节省资源。如果你介意，告诉 AI：

我的番茄时钟在浏览器后台标签页时计时不准，有没有办法解决？

想要修改默认的工作/休息时间

告诉 AI：

让用户可以自定义工作时间和休息时间，加两个输入框可以设置分钟数

界面相关

在手机浏览器上打开显示不正常

告诉 AI：

页面在手机浏览器上显示不正常，请做响应式适配，确保在手机上也能正常使用

想换一种完全不同的设计风格

你可以大胆地让 AI 重新设计。比如：

我不喜欢现在的设计，请重新设计界面。我想要一个极简风格，白色背景，只有时间数字和最基本的按钮，像苹果产品的设计风格。

想要暗色模式

告诉 AI：

给番茄时钟加一个暗色模式的切换按钮，点击后切换到深色背景的样式

其他

想把番茄时钟分享给朋友

目前这个项目只是本地文件，只有你自己能打开。如果想分享给别人，你需要把它部署到网上。在第二个项目（贪吃蛇）中，我们会学到相关的知识。

想给番茄时钟加更多功能

当然可以！以下是一些你可以尝试让 AI 做的扩展功能：

• 记录今天完成了多少个番茄钟
• 加一个任务列表，标记当前在做什么
• 用图表显示本周的专注时间统计

直接用自然语言描述你想要的功能，让 AI 帮你实现。这就是 Vibe Coding 的乐趣——你的想象力是唯一的限制。