零基础学氛围编程:从零到第一个应用
氛围编程(vibe coding)就是用大白话描述你想要什么,由 AI 来写代码。你看结果、说哪里要改,然后再来一轮。这个词是 AI 研究者 Andrej Karpathy 在 2025 年 2 月提出的。把自己当成制作人,把 AI 当成程序员:制作人不用亲自演奏每件乐器,但决定这首歌是什么样。你的工作是决定做什么、检查能不能用、再决定下一步。
本主题的免费课程Vibe coding: 免费课程开始学习 →
能做什么,需要什么
落地页(只有一页的网站)、Telegram 机器人、计算器、小游戏、习惯打卡工具或作品集。开始只需要一个浏览器和一个 AI 工具的免费账号。免费版有额度限制,但做前几个项目通常够用。
第 0 步:选对工具类型
AI 编程工具分三类:
- 网站生成器:用文字描述,直接在浏览器里得到一个能用的网站。Lovable、Bolt、v0、Replit。上手最快,什么都不用装,但可控性较低。最适合做原型或落地页。
- AI 编辑器:项目以文件形式打开,AI 在旁边给出修改建议。Cursor、Windsurf、带 Copilot 的 VS Code。每处改动你都看得到,并决定是否接受。
- 智能体:接到任务后自己改文件、运行命令。Claude Code、Codex、Gemini CLI 都在终端里工作。能力最强,但如果不懂 Git、不检查结果,很容易丢掉能用的版本。
一条行得通的路线:先用网站生成器做出第一个原型,把代码导出到 GitHub,再用编辑器或智能体继续。常见错误:每天换一个新的热门工具。做完一个项目,胜过放弃五个。课程:生成器、编辑器还是智能体
第 1 步:一页纸的计划
AI 不会读心。你说「做个健身打卡」,它可能给你加上付款、聊天和排行榜,而你只想记录训练。五行字能省好几个小时:一句话目标、给谁用、三个核心功能、现在不做什么、怎样算完成。课程:先做计划
第 2 步:描述结果,一次只做一个功能
不要说「做个网站」,而要说清楚:「咖啡店单页网站:菜单、地址、Telegram 下单按钮、深色主题、手机上好用」。然后一次只要一个功能:先搭骨架,再做菜单,再做表单。小步骤容易检查,也容易撤回。出错时把完整的报错贴给 AI,而不是只说「不能用」。课程:怎么给 AI 布置任务
第 3 步:保存、回退、上线
每个能用的版本都保存下来(工具里的版本历史或 Git),新的一步把东西弄坏时就能回退。部署,也就是把项目发布出去让别人通过链接打开,是最后一步,等一切都检查过再做。现在只要把 GitHub 仓库和托管平台连接一次,之后每次 push 到主分支都会自动发布新版本。课程:托管与部署
第 4 步:自己测试
智能体说「完成了,一切正常!」并不算证据。它可能根本没运行代码,或者把别的页面弄坏了。在手机和电脑上打开预览。先走正常流程,再试奇怪的情况:一个月没有数据、超长的名字、连点两下按钮。问题往往就出在这些奇怪的情况上。另外让智能体给每个新功能写自动化测试。课程:别光听它说
为什么氛围编程名声不好:4 个错误
AI 写的代码能运行,但不一定安全。大多数翻车故事都来自这四个错误:
1. 把密钥写在代码里。页面代码或公开仓库里的 API 密钥会被扫描 GitHub 的机器人很快找到,它们的请求费用由你来付。密钥只能放在服务器上。密钥泄露了?马上作废并新建一个。课程:密钥与机密
2. 数据库没有访问规则。任何人都能下载所有人的数据。
3. 只靠删掉按钮来隐藏管理后台。/admin 地址照样可以手动输入。「这真的是管理员吗?」的检查必须在服务器上、每次请求都做。
4. 相信浏览器。用开发者工具(F12),用户可以改任何请求:价格、自己的 id、「管理员」角色。服务器必须自己核实是谁在请求,并自己计算价格。课程:应用安全
还有费用:付费的 AI API 按 token 计费,如果全班在考试前一晚问上几百个问题,账单就很可观了。在服务支持的地方设置花费上限和账单提醒。课程:费用与额度
常见问题
氛围编程不好吗?
它本身没有问题。坏名声来自未经检查就上线的项目:密钥写在页面代码里、数据库没有访问规则、只在界面上检查管理员。只要每个功能都测试、密钥放在服务器上,它就是一种快速又正当的开发方式。
不会编程能开始氛围编程吗?
能。第一个项目只需要浏览器和一个 AI 工具的免费账号。不过理解背后发生了什么,能帮你更快发现 AI 哪里出错,所以课程用大白话讲解了 Git、托管和 API。
新手最适合用什么氛围编程工具?
第一个晚上,用浏览器里的网站生成器,比如 Lovable、Bolt、v0 或 Replit:最快得到能用的页面,什么都不用装。原型跑通后,把代码转到 GitHub,再用 AI 编辑器或智能体继续。