代码不会写,
也能做出自己的东西。
这不是一门“学编程”的课。它更像一份给纯小白的上手地图:先把害怕拆掉,再做出一个能跑的小东西。
这不是一门“学编程”的课。它更像一份给纯小白的上手地图:先把害怕拆掉,再做出一个能跑的小东西。
屏幕弹一行红字,英文,看不懂,底下一句 Error: undefined。那一秒你不是"学不会"——
你是觉得我是不是根本不属于这里。姐妹,那一秒我也有过。
大白话说:你把想法讲清楚,AI 先做一版,你看哪里不对,再让它改。
你不负责背语法,你负责判断“这是不是我要的”。
↳ 下一节,我们把这个协作方式拆开讲。
是你带着 AI 一起做。主语永远是你。
我不让你"踏上旅程"。"旅程"太重,它默认你会坚持很久。
我的设定是:你今晚有 90 分钟,明天可能就忘了。
那就让今晚这 90 分钟,做出一个你愿意截图发朋友圈的小东西。
它不是又一种学语法的方式。它也不是 AI 替你做。先把这件事讲透,再动手——心里会稳一点。
不绕弯、不端着、不甩术语。这一节我们把这个词彻底拆开讲清楚——它不是啥、是啥、和你以前学过的"编程"差在哪。
这三件事很多人会误会,先排雷:
for、if、{ } 这些。它的入口不是语法书。用一句话讲:
你用人话告诉 AI 你想要啥,AI 把这句人话翻成代码,再把成品端给你;你尝一口,告诉它哪儿不对,它再改。
就这样,循环个几次,一件小东西就做出来了。整个过程,你不需要看懂代码。看不懂没关系——你只要看得懂"成品对不对"就行。
主语是你,工具是 AI,单位是一件具体的小东西。
如果上面三条你各占两条以上——这门课就是为你写的。
① 它会瞎说,要盯着。
② 别求一次做完,求一次比一次近。
③ 每次只改一件事,别一口气提十个要求。
你上次让 AI 帮你写文案、改简历、列旅行计划、想群名字——本质上做的事是一样的:
说人话 → 看结果 → 嫌弃 → 再说一次。
把"文案"换成"网页","简历"换成"小卡片",就是 vibecoding。
所以——你只是还没把它用到"做软件"上而已。下一节我们就把工具准备好。
大概 90% 的人不需要装任何东西。但剩下的 10%——我会一步一步告诉你怎么装、装啥、为啥要装。
我知道你怕这一节。"装环境"四个字劝退过太多人。这次不一样:起步阶段,你大概率啥都不用装。这一节就讲三个梯子,你能爬几级,自己决定。
真的。你现在用来看这一页的浏览器,加上一个能聊天的 AI 网页——已经是一套完整的、能做出东西的环境。
"装环境"这件事被妖魔化了。它不是入场券,是一个梯子——你想爬高一点的时候再用。
就这两样。你已经有了第一个。第二个挑一个你用着顺手的——名字不重要,能聊就行。
怎么用:跟 AI 说"帮我做一个 XX 网页",它会给你一段代码 + 一个能直接看效果的预览。这就够你做完前 5 节课的全部。
如果你只是想做"自己看着开心的小东西"——浏览器 + AI,永远够用。不要因为"听说要装 XX"就给自己增加包袱。
当你做完一个东西,想发链接给朋友——这一级才用得到。初学阶段完全可以跳过,等你真的有那一刻再回来。
破冰章节到这里就结束了。下一章我们正式动手做第一件——一个能跑、能截图、能发的小网页。
这节课只做一件事:把“我想做个东西”变成浏览器里真的出现的一个页面。它可以丑,可以粗糙,但必须能打开。
第一版只要满足三件事:有标题、有一句你想表达的话、有一个按钮或者小互动。
别急着改颜色、字体、动效。第一版越简单,越容易让 AI 跟上你。
帮我做一个单页小网页。主题是:给自己写一张“今天也算有进展”的鼓励卡。页面需要一个标题、一段文字、一个按钮。点击按钮后,文字换成另一句鼓励。先用最简单的 HTML/CSS/JS 做出来。
① 它能不能打开?
② 按钮点了有没有反应?
③ 这是不是大概像你要的?
如果答案是“差不多”,就进入下一步。不要在第一版就追求漂亮。
不要说“高级一点”“好看一点”。这类词太虚,AI 会乱猜。
换成:标题短一点、按钮圆一点、背景暖一点、文案像朋友说话一点。
能跑之后,再谈“我的感觉”。下一节我们学会给 AI 风格反馈。
这节不讲新工具,只练一个能力:把“哪里不对”说清楚。你越会描述感受,AI 越能靠近你的品味。
很多人卡住,是因为只会说“我不喜欢”。这不够。
你要补一句:不喜欢哪里。比如:太像办公软件、颜色太冷、字太密、按钮太硬、文案太像客服。
保留功能不变。把页面改得更温柔、更像女生写给自己的小卡片:奶油色背景、樱桃红强调、文字少一点,按钮圆一点。不要科技感,不要大面积渐变,不要商务插画感。
这一点很重要:不要一次让 AI 改布局、颜色、文案、动效、功能。
一次只改一类。先改文案,再改颜色,再改布局。你会更容易判断到底是哪一步变好了。
你已经完成“能跑”和“像我”。下一章开始,我们让它拥有一个可以发给朋友的链接。