
做第一个项目的时候,你可能会遇到一些困惑。
别担心,这些问题大家都会遇到。
这太正常了。
AI 每次生成的内容都会有些不同。就像你问两个设计师"做一个好看的页面",他们给你的方案肯定也不一样。
只要你的页面:
就算成功了!
如果你想要和教程一模一样的效果,可以在 Prompt 里描述得更具体,比如:
完全正常。
起步阶段,你不需要看懂每一行代码。
就像你用微信发消息,不需要懂微信是怎么写出来的。
Vibe Coding 的核心理念是:让 AI 处理代码语法,你专注于需求和结果。
随着使用次数增多,你会自然地开始认识一些常见的代码结构。
如果你好奇某段代码是什么意思,可以问 AI:
请解释一下这段代码是做什么的,用最简单的话说
AI 会用你能懂的语言给你解释。这不是必须的,但会让你和 AI 的协作更顺畅。
当然可以。
现在的 AI 对中文的理解已经非常好了。
用中文写 Prompt,AI 完全能懂。
有些技术名词用英文会更准确,比如:
但大部分情况下,用中文完全没问题。
如果你英文好,用英文也可以——效果差不多。
把错误信息复制给 AI。
这是最简单有效的方法:
页面报错了,错误信息是:
[粘贴错误信息]
请帮我修复
AI 会分析错误原因,然后给你修复后的代码。
问题通常出在"描述不够清楚",而不是工具不行。
现在你做的网页只在工具的预览窗口里。想让别人访问,需要"部署"——这个我们在后面的章节会详细讲。
现在不用着急,先把东西做出来再说。
不同类型的工具保存方式不同:
| 工具类型 | 保存方式 |
|---|---|
| 网页版工具(如 Bolt.new、豆包) | 注册账号后自动保存,也可以导出代码 |
| AI 代码编辑器(如 Cursor、Trae) | 本地文件,随时保存 |
如果你只是想保留代码,最简单的方法是:
可以,但建议分阶段:
很多成功的产品,都是从一个粗糙的原型开始的。本教程的进阶篇会教你如何把原型变成正式产品。
不用担心,核心操作都一样。
无论你用 Bolt.new、豆包、Cursor 还是其他工具,基本流程都是:
界面按钮的位置可能不同,但"用自然语言描述需求"这个核心不会变。
如果找不到某个功能,直接问 AI:"怎么在 [工具名] 里保存项目?"
如果你遇到了上面没提到的问题,试试这个方法:
直接问 AI。
我在用 [工具名] 做一个网页,遇到了这个问题:
[描述你的问题]
请问怎么解决?
AI 能帮你思考大部分问题——但记得验证它给的答案是否靠谱。
这也是 Vibe Coding 的精髓:遇到问题,先问 AI,再自己验证。
准备好继续学习了吗?
下一章,我们会讲讲"心法"——如何像产品经理一样思考,让你的 AI 产出更靠谱。