你不需要先学完整工程体系，但必须开始看懂项目最基本的骨架，不然只会越来越依赖运气。 这篇会按真正上手的顺序，把零基础最容易卡住的地方拆开讲清楚。
为什么零基础也不能完全跳过结构
很多人会说，我就是不会代码，所以我只要让 AI 改就好了。短期看，这种方式似乎也能跑起来，但很快就会遇到一个问题：你根本不知道它改了什么。
当项目只有一两个文件时，问题还不明显。一旦页面多起来、样式多起来、脚本多起来，你会发现自己只能不断重复一句话：“你帮我看看哪里有问题”。
这不是高效协作，而是把自己完全交给黑箱。真正更稳的做法，是从一开始就慢慢认识项目骨架。
先认清最常见的几类文件
如果你做的是简单网页项目，最常见的通常是 `index.html`、`style.css`、`script.js`。一个负责页面结构，一个负责样式，一个负责交互。
如果是更现代的项目，你还会看到 `src`、`components`、`pages`、`public`、`package.json` 这些名字。它们听起来复杂，但你并不需要第一天全部理解。
你真正要建立的是一种感觉：文件名大概在负责什么，页面上的哪一块大概率会对应哪个文件。
零基础最先该练的三个结构动作
第一，看项目里有哪些文件。哪怕你暂时看不懂内容，也要知道大致层级。第二，每次让 AI 改东西时，都让它告诉你改了哪些文件。第三，尝试把页面上的具体变化和文件对应起来。
比如标题文案通常在页面文件里，颜色和间距通常在样式文件里，点击按钮没反应通常和脚本有关。
这种联系一旦建立起来，你就会开始从“完全靠运气修改”慢慢进入“我大概知道应该去哪里看”的状态。
如果你现在是零基础，先把这一层做稳，再往下走，后面很多问题都会轻很多。
怎么让 AI 帮你学结构，而不是替你遮住结构
一个很好用的问题是：请用零基础能看懂的方式告诉我，这次分别改了哪些文件，它们各自负责什么。
你也可以问：如果我下次只想改标题文案、按钮颜色和点击逻辑，应该先看哪几个文件。
这样问的价值很大，因为你不是只拿一个结果，而是在慢慢建立对项目的地图感。真正会用 AI 的人，不会把结构全部丢给 AI，而是会借 AI 更快认识结构。
懂一点结构之后，你会获得什么
第一，你修改时更有边界，不会总是让 AI 大面积重构。第二，你排错更快，因为知道从哪一层开始看。第三，你的表达会更清楚，因为你会开始说“帮我只改样式，不要动页面结构”。
这些变化看起来不如“学会一个框架”那么炫，但它们才是真正决定你能不能长期做项目的基础能力。
Vibe Coding 并不要求你先成为工程师，但它会奖励那些愿意慢慢看懂结构的人。看懂得越多，你和 AI 的协作就越稳。