第一章:什么是 Vibe Coding
编程是什么
入门约 8 分钟概念
这节课你会...
理解编程本质上是什么——不是写代码,而是"告诉电脑做什么"。 你会发现这件事你每天都在做,只是对象从电脑换成了人。
一个日常故事
你走进一家从没去过的奶茶店,跟店员说:
"一杯珍珠奶茶,少糖,去冰,加椰果。"
店员二话不说,按你的要求做出来了。
你现在做的就是编程。你给了店员一串精确的指令(什么饮品、什么规格、什么配料),店员严格执行。编程不过是把"店员"换成"电脑",把"口头指令"换成电脑能理解的形式。
电脑和那个店员一样:完全听话,但一个字都不会自己发挥。你说少糖它不会自作主张加糖,你忘了说杯型它也不会帮你选。
两个世界:过去和现在
以前,你得学会电脑的语言才能跟它说话:
document.getElementById('btn').addEventListener('click', function() {
alert('Hello World');
});
每一行都是精确的语法。少一个括号,电脑就罢工。学这些东西要花几个月。
现在,你只需要跟 AI 说人话:
"帮我在网页上放一个按钮,点它的时候弹出一句 Hello World"
AI 帮你翻译成上面那段代码。你的工作是清楚描述,AI 的工作是精确翻译。
这就是 Vibe Coding——你不会写代码,但你会说需求。
到底能做什么?
别以为只能做"简单网页"。来看看真实案例:
- 个人网站:从名片页到完整博客,AI 都能帮你
- 小工具:番茄钟、记账本、倒计时、抽奖转盘
- 数据展示:把 Excel 表格变成可交互的图表页面
- 自动化:批量重命名文件、定时发邮件提醒
- 游戏:猜数字、2048、打砖块,小游戏完全没问题
- App 原型:做出能在手机上打开的界面
限制你的不是技术,是你还想不到要做什么。
编程不是学一门语言,是学会用一种新的方式思考问题。AI 帮你解决了"语言"的部分,你只需要负责"思考"。
AI 助教
AI 学习助手
你好!我是你的 Vibe Coding 学习助手。有什么不懂的随时问我,比如:
- 这个课程里的概念我不太明白
- 帮我看看这个描述能不能让 AI 理解
- 我想做一个 [xxx],该怎么描述?