1.5.4 常见问题 FAQ
做第一个项目的时候,你可能会遇到一些困惑。
别担心,这些问题大家都会遇到。
Q1:"我的结果和教程不一样怎么办?"
这太正常了。
AI 每次生成的内容都会有些不同。就像你问两个设计师"做一个好看的页面",他们给你的方案肯定也不一样。
关键是
只要你的页面:
- 能正常显示
- 有名言和作者
- 看起来还不错
就算成功了!
如果你想要和教程一模一样的效果,可以在 Prompt 里描述得更具体,比如:
- 指定具体的颜色("背景用 #f0f4f8")
- 指定具体的字体大小("名言用 32px 的字体")
- 指定具体的布局("名言在页面垂直居中")
Q2:"代码看不懂正常吗?"
完全正常。
起步阶段,你不需要看懂每一行代码。
就像你用微信发消息,不需要懂微信是怎么写出来的。
Vibe Coding 的核心理念是:让 AI 处理代码语法,你专注于需求和结果。
好消息
随着使用次数增多,你会自然地开始认识一些常见的代码结构。
如果你好奇某段代码是什么意思,可以问 AI:
请解释一下这段代码是做什么的,用最简单的话说AI 会用你能懂的语言给你解释。这不是必须的,但会让你和 AI 的协作更顺畅。
Q3:"可以用中文吗?"
当然可以。
现在的 AI 对中文的理解已经非常好了。
用中文写 Prompt,AI 完全能懂。
什么时候用英文?
有些技术名词用英文会更准确,比如:
- "按钮" vs "button"
- "悬停效果" vs "hover effect"
但大部分情况下,用中文完全没问题。
如果你英文好,用英文也可以——效果差不多。
Q4:"AI 生成的东西报错了怎么办?"
把错误信息复制给 AI。
这是最简单有效的方法:
页面报错了,错误信息是:
[粘贴错误信息]
请帮我修复AI 会分析错误原因,然后给你修复后的代码。
如果反复修不好
- 简化你的需求:把复杂功能拆成更小的步骤,一次只做一件事
- 换一种描述方式:同样的需求,用不同的话说,AI 可能更容易理解
- 从最简版本重新开始:删掉复杂功能,先让基础版跑起来,再逐步加功能
问题通常出在"描述不够清楚",而不是工具不行。
Q5:"这个网页怎么发给别人看?"
现在你做的网页只在工具的预览窗口里。想让别人访问,需要"部署"——这个我们在后面的章节会详细讲。
现在不用着急,先把东西做出来再说。
Q6:"我想保存这个项目怎么办?"
不同类型的工具保存方式不同:
| 工具类型 | 保存方式 |
|---|---|
| 网页版工具(如 Bolt.new、豆包) | 注册账号后自动保存,也可以导出代码 |
| AI 代码编辑器(如 Cursor、Trae) | 本地文件,随时保存 |
如果你只是想保留代码,最简单的方法是:
- 复制 AI 生成的所有代码
- 粘贴到一个文本文件里
- 保存到电脑上
Q7:"我可以用这个做商业项目吗?"
可以,但建议分阶段:
- 先用 Vibe Coding 验证想法——快速做出原型,看看是否可行
- 如果要正式上线——涉及用户数据、支付等敏感功能时,需要学习进阶篇的安全(第6章)和测试(第9章)内容
很多成功的产品,都是从一个粗糙的原型开始的。本教程的进阶篇会教你如何把原型变成正式产品。
Q8:"不同工具界面不一样怎么办?"
不用担心,核心操作都一样。
无论你用 Bolt.new、豆包、Cursor 还是其他工具,基本流程都是:
- 找到输入框
- 用中文描述你想要什么
- 等 AI 生成
- 看预览效果
- 不满意就继续说
界面按钮的位置可能不同,但"用自然语言描述需求"这个核心不会变。
如果找不到某个功能,直接问 AI:"怎么在 [工具名] 里保存项目?"
还有其他问题?
如果你遇到了上面没提到的问题,试试这个方法:
直接问 AI。
我在用 [工具名] 做一个网页,遇到了这个问题:
[描述你的问题]
请问怎么解决?AI 能帮你思考大部分问题——但记得验证它给的答案是否靠谱。
这也是 Vibe Coding 的精髓:遇到问题,先问 AI,再自己验证。
准备好继续学习了吗?
下一章,我们会讲讲"心法"——如何像产品经理一样思考,让你的 AI 产出更靠谱。
