第一次对话

在开始之前

你不需要会写代码。你需要的是把想法说清楚的能力，这件事你在其他创作里已经练了很久。

这一节我们只做一件事：让一个想法，变成浏览器里真实存在的一个页面。全程大约两小时，其中一半时间花在熟悉终端上。

一、打开那个黑窗口

macOS 按 Cmd + 空格，输入”终端”，回车。Windows 用户请先按工具与环境里的说明装好 WSL2。

窗口打开后，你会看到一行字，末尾有个光标在闪。它在等你说话。

先建立一个基本认知：你永远处在某个文件夹里。终端不像访达那样把位置显示给你看，所以你要主动问：

pwd          # 我在哪
ls           # 这里有什么

然后给这门课建一个专属的地方：

mkdir vibe-coding
cd vibe-coding

如果你此刻觉得”这也太原始了”——是的，但正因为原始，它才精确。一条命令要么执行成功，要么报错告诉你哪里不对。这种非黑即白的反馈，是接下来跟 AI 协作时最可靠的地面。

二、把 AI 请进这个文件夹

在这个文件夹里启动你的 AI 编程助手（安装方式见工具与环境）。它启动后就”站在”这个文件夹里，你让它做的所有事都发生在这里。

现在，说第一句话：

帮我做一个网页，介绍我自己。

它会生成一个 index.html。用浏览器打开它——你的第一个网页就在那儿了。

它大概率很丑。这很正常，因为你刚才那句话里几乎没有任何信息。

三、观察一句话的信息量

同一个需求，换一种说法：

帮我做一个单页个人介绍网站，要求：
- 顶部是我的名字「林小满」，副标题「平面设计师 / 上海」
- 中间一段 100 字左右的自我介绍，先用占位文字
- 底部三个链接：Instagram、小红书、邮箱
- 整体风格：大量留白，黑白为主，标题用衬线字体
- 手机上也要好看

再打开一次。差别不在 AI 变聪明了，而在于你把判断提前做完了。

这就是这门课第二节要展开的全部内容：那句话该怎么写。

四、留下痕迹

新建一个 prompt-log.md，记下今天说过的三句话，以及每句话得到了什么。

这个文件会跟着你走完整门课。它记录的不是代码，是你逐渐学会”怎么把想法说清楚”的过程——那才是你真正带得走的东西。

卡住了怎么办

现象	先试这个
终端里命令报 command not found	说明这个工具没装上，回到工具页重新走一遍
AI 生成了文件但浏览器打不开	用 ls 确认文件名，用 open index.html 打开
生成的东西完全不是你想要的	别推翻重来，接着说”改成……”，让它在原基础上迭代
满屏英文报错	整段复制给 AI，加一句”这是什么意思，怎么修”