项目一：用 AI 做一个个人主页

不需要写一行代码。不需要装任何软件。打开浏览器，10 分钟完成。

你要做什么

用 Bolt.new（一个在线 AI 编程工具）做一个属于你自己的网页。网页上有你的名字、一句话介绍、和你想展示的内容。

为什么从这个开始

这是你第一次让 AI “帮你干活”——不只是问问题，而是真正产出可以用的东西。你描述需求，AI 写代码，你看到结果。10 分钟后，你有一个可以发给朋友的网址。

操作步骤

第一步：打开网站。 浏览器访问 https://bolt.new

第二步：注册或直接开始。 可以用 Google 账号登录，也可以直接点击 “Start building”。

第三步：输入需求。 在对话框里输入：

帮我做一个个人网页。风格简洁。包含以下内容：
- 我的名字：张三（改成你的名字）
- 一句话介绍：一个正在学习 AI 的人
- 我喜欢的东西：阅读、写作、探索新技术
- 一个联系我的按钮（点击后可以发邮件给我）
- 背景用柔和的渐变色
- 字体排版清晰好看

第四步：等 AI 生成。 AI 会用 30 秒到 2 分钟生成网页。你可以在右边看到实时预览。

第五步：修改。 如果哪里不满意，直接在对话框说。比如：

• “把背景色改成蓝色”
• “字太小了，放大一点”
• “加一张我喜欢的图片”

AI 会立刻修改。你可以反复调整，直到满意。

第六步：发布。 点击右上角的 “Deploy”（部署），AI 会给你一个网址。任何人都可以通过这个网址访问你的网页。

你学到了什么

这个 10 分钟的项目涵盖了本 vault 的多个概念：

• Prompt 工程：你用自然语言描述了你的需求（不是写代码）
• AI 编程：AI 理解你的需求，生成了 HTML/CSS 代码
• Vibe Coding：你不需要懂代码，只需要描述想要什么
• 迭代改进：你说”字太小了”，AI 改——这就是反馈循环

下一次，你可以尝试更复杂的需求——做一个记账工具、一个待办清单、或者一个展示你学习笔记的页面。

相关笔记

• 提示词工程 — 你给 Bolt.new 的描述就是 Prompt
• AI 编程的三年演变 — Bolt.new 属于”感应式编程”浪潮
• Loop 工程 — 你说需求、AI 实现、你看效果、再提修改

来源

• Bolt.new, https://bolt.new