
你是不是也这样:脑子里有个 App 点子,但不会写代码,只能停在”想”的阶段?或者试过让 ChatGPT 写代码,复制过去一堆报错,最后不了了之?
今天给你一把”普通人做软件的钥匙”——Cursor。配合 Vibe Coding 的玩法,你真的可以不会语法,也把 App 做出来。
一、先说结论:不会写代码,也能做出能跑的App
先打破一个迷思:Vibe Coding 不等于”完全不用动脑”。它的核心是——你负责说清楚”要什么”,AI 负责”怎么写”。
你不需要背函数、记语法、调缩进。你只要像跟同事描述需求一样,告诉 Cursor:”做个记账本,能记收支、存本地、看余额”。它就把一整个网页给你写出来,还能直接预览。
2026 年了,做软件的门槛,已经从”会编程”降到了”想把清楚”。这差距,够普通人玩出花了。
二、Cursor 是什么?为什么它是 AI 编程首选
Cursor 是一个基于 VS Code 的 AI 代码编辑器。你之前用过的 VS Code 插件、主题、快捷键,它全兼容,无缝迁移。
它和纯聊天工具(网页版 ChatGPT)最大的区别:AI 长在编辑器里。它能读你整个项目、改多个文件、运行命令、还能看到代码报的错——全在一个界面里完成,不用在浏览器和编辑器之间来回复制粘贴。
模型建议选 Claude(工程能力稳),开 Auto Run 让它自己跑测试。免费版每月有够用的额度,新手先白嫖。
三、5分钟上手:安装 + 三个快捷键 + rules 文件
装好 Cursor(cursor.com),打开你的空文件夹,就三件事:
- Ctrl+L:打开右侧聊天栏,跟 AI 对话。
- Ctrl+K:选中一段代码就地改,或空白处直接生成新代码。
- Ctrl+I:唤起 Composer,跨多个文件搞大工程。
还有一个新手最容易跳过、但最值钱的步骤:写个 rules 文件(.cursor/rules 或根目录 .cursorrules)。提前告诉它”用什么技术栈、文件怎么组织、别用哪些库”。等于给 AI 立规矩,后面少踩一半坑。

四、实战:用大白话做出一个”记账本”网页(Ctrl+K 魔法)
来真的。按下 Ctrl+K,输入这段人话:
“帮我创建一个记账本 HTML 文件,包含:金额输入框、收入/支出下拉、备注框、记录按钮;下方显示所有记录(时间、类型、金额、备注);顶部显示总余额;数据用 localStorage 保存,刷新不丢;样式用卡片风,适合手机看。”
回车。Cursor 生成一个完整的 index.html(CSS、JS 都包在里面)。右键用浏览器打开,你的第一个网页就活了。
零基础心法:你不用懂 localStorage 是什么,你只需要知道”我要存数据”这件事。剩下的,AI 懂。

五、进阶:Composer 多文件改动 + 把报错丢回去让AI修
想加功能?别手动改。按 Ctrl+I 唤出 Composer,说:”给每条记录加个删除按钮,列表下加个清空全部,删完余额自动更新。”Cursor 会跨 HTML、JS、CSS 一起改,改完你刷新看效果。
跑不起来?别慌。把错误信息整段复制,丢回聊天框:”我打开报错:[粘贴错误],帮我修。”AI 最擅长从报错里 debug。两三轮迭代,基本都能跑通。
记住一句话:描述 → 生成 → 看效果 → 反馈。你管”想”,AI 管”写”,这就是 Vibe Coding 的飞轮。
六、新手避坑清单
- 一次塞十个功能:先跑通核心,再慢慢加。贪多必翻车。
- 从不看预览:生成完一定点开看,别闷头让 AI 一直写。
- 报错就放弃:把红字贴给 AI,它八成能修,别自己硬刚。
- 没写 rules 文件:一开始就立规矩,后面省一半返工。
- 完全不审查:关键处扫一眼改动,至少知道它在干嘛,防 AI 幻觉出奇怪的包。
七、写在最后:Vibe Coding 不是躺平,是”动口不动手”
别被”0 基础做 App”误导成”啥都不用管”。Vibe Coding 真正省掉的,是打字和查语法的苦力;省不掉的,是你对”这个产品该长啥样”的判断。
所以最好的状态是:你当产品经理,Cursor 当工程师。你描述需求、看效果、提修改,它疯狂输出。一个下午,一个能用的小工具就立在那了。
下一个想做的东西是什么?现在就打开 Cursor,对着它说出第一句话。别想完美,先让它跑起来。
暂无评论内容