AI 编程入门(不懂代码也能玩)

很多人一听"编程"两个字就头大:一堆英文、一堆符号,跟天书一样。但现在情况变了——你不用看懂代码,也能让 AI 帮你做出一个真能用的小工具、小网页。这种玩法有个洋气的名字叫 Vibe Coding(凭感觉编程)。说人话就是:你用大白话说你想要啥,AI 来写代码,你只管看结果好不好用。

本课核心一句话:你是"提需求的甲方",AI 是"埋头干活的程序员"。你负责说清楚要什么、看结果、提意见;代码长什么样,看不懂没关系。

一、Vibe Coding 到底是个啥

传统编程,是人一个字一个字把代码敲出来。Vibe Coding 反过来:你把"想做成什么样"描述给 AI,AI 把代码写好,你运行看效果,不满意就接着用大白话让它改。整个过程你说的都是中文,看的都是结果。

这事儿能成,靠的就是你在前几课装好的那些 AI 工具——比如 Claude CodeCodexClawX(龙虾)。它们都能在你电脑上看文件、写文件、运行命令。你在对话框里说一句"帮我做个记账网页",它真的会在你电脑上生成一个网页文件,双击就能打开。

如果你还没装好这些工具:打开 U-King AI 管家,点几下就能一键装好 Claude Code / Codex / 龙虾 / Hermes,底层接虾盘云中转,国内直连、充值即用(¥10 起)。不用自己折腾梯子和配置。

二、玩 Vibe Coding 的四个基本动作

记住四个动作,你就能上手了:说需求 → 让它解释 → 小步改 → 出错丢给它修。下面一个个拆开讲。

动作 1:把需求说清楚

AI 不是读心术,你说得越具体,它做得越准。一个好需求最好包含三件事:做什么、给谁用、长什么样

对比一下:

小技巧:不会写需求?就把它当成"跟朋友描述你脑子里那个东西"。想象有人帮你做,你会怎么跟他说,就怎么跟 AI 说。说漏了没关系,后面还能补。

动作 2:让 AI 解释它写了啥

AI 写完一堆代码,你看不懂很正常。别慌,直接让它讲人话:

这个文件大概是干嘛的?用我能听懂的大白话讲一遍,
不要专业术语。我点哪里、改哪里能改成我想要的样子?

AI 会告诉你"这一块是输入框、那一块是按钮、颜色在哪里改"。你不需要真懂代码,只需要知道"想改某个地方,该跟它说哪句话"。

动作 3:小步改,别一次提一堆

这是新手最容易踩的坑:一口气说"把颜色换成蓝色、再加个删除按钮、再做成手机能用、再加个搜索"。AI 一次改太多,容易把原来好的地方改坏,你也分不清是哪步出的问题。

正确做法是一次只改一件事。改完看一眼好不好,好了再提下一个。就像搭积木,一块一块来,塌了也知道是哪块。

比如:

  1. "把按钮颜色改成蓝色。" → 看效果 → 好
  2. "每条记录后面加一个删除按钮。" → 看效果 → 好
  3. "在最上面加一个搜索框,能按备注搜。" → 看效果 → 好

动作 4:出错了,把报错原样丢给 AI

程序出错会蹦出一大段红色英文,看着吓人,其实那正是 AI 最爱吃的"线索"。你什么都不用懂,把那段报错从头到尾复制下来,原样粘给 AI,再加一句:

运行的时候报了下面这个错,帮我看看咋回事,直接帮我改好:

(在这里粘贴你看到的报错文字)

AI 一看就知道哪里坏了,会帮你改。改完再运行,要是还错,就把新的报错再丢一次。多来几轮,基本都能修好。

心法:报错不是失败,是对话的一部分。会复制粘贴报错,你就已经会"调试"了——这是很多人卡一辈子的门槛,你一句话就过了。

三、三个非程序员也能做出来的真实小项目

光说不练假把式。下面三个例子都是普通人用得上、AI 几分钟就能做出来的。直接把例子里的话复制给你的 AI 工具就行。

例子 1:做个记账小网页

适合想随手记花销、又懒得装 App 的人。一个网页文件,双击用浏览器打开就能记,数据存在你自己电脑上。

帮我做一个单个 HTML 文件的记账小网页,要求:
1. 有一个金额输入框和一个备注输入框,一个"记一笔"按钮;
2. 点按钮就把这笔记录加到下面的列表里,显示金额和备注;
3. 列表最下面自动显示总花费;
4. 每条记录后面有个"删除"按钮;
5. 关掉网页再打开,数据还在(存在浏览器本地);
6. 界面干净点,中文显示。
做好后告诉我文件在哪、怎么打开。

做完它会给你一个比如 记账.html 的文件,双击用浏览器打开就能用。觉得丑就接着说"颜色太素了,配色温暖一点"。

例子 2:批量改文件名的小脚本

谁的电脑里没有几百张 IMG_0001.jpg 这种乱名照片?让 AI 写个小脚本,一键把整个文件夹的文件名规整好。

我电脑上有个文件夹,里面全是照片,名字乱七八糟。
帮我写一个脚本,把这个文件夹里所有 .jpg 文件
统一重命名成"旅行照-001.jpg、旅行照-002.jpg"这样按顺序编号。
我是 Windows 电脑、完全不懂命令行,
请一步步告诉我:脚本放哪、怎么运行、运行前怎么先备份以防万一。
改文件名、删文件这类操作,第一次一定先拿几个不重要的文件试,或者先复制一份备份。让 AI 帮你加一句"先打印出要改的清单、确认后再真改"会更稳。

例子 3:做个倒计时 / 番茄钟小工具

想专注学习、做事?让 AI 给你做个网页版番茄钟,25 分钟专注 + 5 分钟休息,到点提醒。

帮我做一个单 HTML 文件的"番茄钟"网页:
默认专注 25 分钟、休息 5 分钟,有"开始/暂停/重置"按钮,
中间大大地显示倒计时数字,时间到了响一声提示音并弹出提示。
界面简洁好看一点,中文。做好告诉我怎么打开。

这种小工具最适合练手:需求简单、做出来马上能用、还能不断让 AI 加功能(比如"加个今天完成了几个番茄的计数")。

四、几个让你少走弯路的小建议

总结:Vibe Coding 不要求你会写代码,要求的是你会"说清楚需求、看结果、提意见、丢报错"。这几样你本来就会——你已经具备做小工具的能力了,现在就打开 AI 工具试试上面任意一个例子吧。