Vibe Vibe

主题

1.5.1 目标与准备 ​

本节目标 ​

完成这一节后，你会得到：

  • ✅ 一个能在浏览器里看到的网页
  • ✅ 网页上显示一句励志名言
  • ✅ 页面有好看的样式（不是白底黑字的"毛坯房"）

就这么简单。不多不少。

选择你的工具 ​

还记得 1.4 节介绍的那些工具吗？

现在是用起来的时候了。

选择建议

如果是完全零基础，推荐用这几个（任选其一）：

  1. Bolt.new - 打开浏览器就能用，不需要安装任何东西
  2. v0.dev - Vercel 出品，同样打开就能用
  3. 豆包 AI 编程 - 国内用户首选，访问流畅，支持实时预览

注：Bolt.new 在国内可能加载较慢，需要科学上网。国内用户推荐使用豆包 AI 编程。

如果已经装了 Cursor 或 Trae，也可以直接用它们。

本节的操作在任何工具里都一样，只是界面稍有不同。

准备清单 ​

开始之前，确认你有：

  • [ ] 一台能上网的电脑（手机也行，但电脑体验更好）
  • [ ] 一个现代浏览器（Chrome、Edge、Safari 都可以）
  • [ ] 3 分钟的时间

没了。

不需要安装任何软件。

不需要注册账号（大部分工具可以免注册试用）。

不需要任何编程知识。

心理准备 ​

你可能会想：

"我真的能做出来吗？"

答案是：一定能。

我见过 60 岁的阿姨用 AI 做出了自己的食谱网站。

我见过从没写过代码的大学生用 AI 做出了课程表应用。

如果他们可以，你也可以。

唯一的区别是：你愿不愿意试一试。

准备好了？

下一节，我们正式动手。