从页面到应用

到目前为止你构建的都是页面——好看,也能响应点击,但一刷新就什么都忘了。今天这一点要改变了。你要构建第一个真正的应用:数据进来,数据展示,数据被记住。

顺便说一句,这就是应用的全部秘密。三步:

1. 数据进来——一个让用户输入内容的输入框
2. 数据展示——一个在屏幕上随时更新的列表
3. 数据被记住——存储,这样明天它还在

Vibe coding 的时候,你不描述线路怎么接——你描述流程。下面这种提示词就能构建出今天的项目:

「一个我可以输入想法的框,一个把它加到下方列表的按钮,而且我明天回来时列表还得在。」

这一句话把一切都告诉了 AI:它需要一个输入框、一个带点击监听的按钮、一个可以往里追加的列表,以及负责「明天」那部分的 localStorage。你描述流程,AI 搞定输入 + 列表 + 存储。

你要构建的应用是一块灵感板——一个用来捕捉每一个「等等,这个我可以用 AI 做出来」瞬间的地方。相信我,上完这门课,这样的瞬间你会有很多。