开头该从哪说起呢先说结论我现在手上的好几个工具型小应用全是靠 Cursor 在十分钟到二十分钟内“聊”出来的。我没写一行正经代码顶多是复制粘贴、改改文案、把 AI 生成的文件拖进预览器里看一眼效果。如果你最近老刷到 Cursor 这个词又一直觉得“AI 写代码”这事儿离自己很远那这篇保姆级教程就是给你准备的——我把从下载安装、设置中文界面到第一个 APP 跑起来的完整过程全部拆开揉碎讲一遍。整个流程跑下来你会发现所谓开发一个 APP在今天完全可以不碰代码只要你会说人话、会描述需求就能做出一个能在浏览器里打开、能在手机屏幕上运行的真正应用。这篇文章适合谁呢产品经理想自己做 Demo学生党想交课程作业运营同学想快速验证一个点子或者纯粹是对 AI 编程工具好奇、想试试水的人都适用。不夸张地说这篇文章 80% 的内容我都是在 Cursor 里一边操作一边写下来的所以每一步都是实测过的。1. 先搞清楚不写代码做 AppCursor 到底帮你做了些什么很多人第一次听说 Cursor 会问它跟 ChatGPT 有什么区别简单说ChatGPT 是在对话框里给你吐文字而 Cursor 是一个装在你电脑上的编辑器它不仅能像 ChatGPT 一样跟你聊天还能直接读取你电脑里的文件、帮你新建文件、修改文件、运行命令最后把一个完整的项目文件夹摆在你面前。你打开这个项目的预览页面看到的就已经是一个能点的、能用的 App 了。1.1 所谓“不写代码”的本质是什么这不是骗人的话但要稍微说严谨一点。你确实不需要亲手敲代码但 AI 会替你敲。你要做的事情是把需求描述清楚比如“我要一个绿色的界面上面有一个按钮点击之后数字加一”Cursor 就会在后台生成一堆代码文件。你看到的是文件清单在跳动但不需要理解每一行到底是什么意思。这就像你请了一个装修队你只管说“这里要打一个柜子那边要刷成白色”工人负责具体操作你最后验收结果。但这里面有一个前提就是 AI 生成的东西大概率不是一次到位的。你可能会说“按钮太小了”“颜色太土了”“数字应该从 100 开始”这些修改同样用自然语言说给它听它就会去改对应的代码。整个过程不需要你打开任何一个代码文件去手动编辑你要做的只是不断提需求和看效果。1.2 为什么偏偏是 Cursor 而不是别的工具现在市面上 AI 编程工具不少GitHub Copilot、通义灵码、Codex 等等都在做。我之所以推荐 Cursor是因为它有两件事做得特别适合零基础用户。第一它自带一个“预览器”功能。很多 AI 编程工具只负责生成代码你还要自己去装环境、启动服务器才能看到效果这一步就能劝退一大半新手。而 Cursor 内置的预览器点一下就有一个网页页面弹出来你做的 App 长什么样一目了然。这个体验非常关键因为“能看到结果”带来的正反馈远比你盯着代码文件想象效果好得多。第二Cursor 的对话模式不是“一问一答”就结束了它有一个叫 Composer 的功能可以一次性生成多文件、多页面的完整项目。你丢给它一句话“帮我做一个记账 App要有首页、账单列表、添加账单页面”它能一口气把所有文件建好而不是像普通聊天机器人那样只给你几段孤立的代码。这一点是让我真正觉得“不写代码做 App 可行”的核心原因。1.3 10 分钟是不是标题党直接回答不是标题党但有个前提条件。前提是你的 App 是“工具型”的比如打卡、记账、待办清单、计算器、随机抽签、喝水提醒这类它们的特点是界面简单、功能明确、不需要复杂的后台服务器。这种 App 本质上的工作量本来就不大传统方式下做一个可能要写几百行代码、搞半天环境配置而 Cursor 把这部分压缩成了你输入一句话、等待一二十秒的时间。如果你的需求是一个类似淘宝那样要登录、要支付、要数据库同步的大型应用十分钟当然不行但那是另一个话题了。我实测下来最常见的节奏是前 5 分钟说清楚需求、让 Cursor 生成第一版中间 5 分钟看预览、提修改意见、让它调整样式和交互最后 1 分钟把生成的文件整理好。一套流程走完一个能看的 App 就摆在眼前了。这篇教程后面我会拿一个运动打卡 App 作为案例带你完完整整走一遍这个过程。2. 开工之前安装、注册、中文设置一次搞定工欲善其事必先利其器。在使用 Cursor 之前有几件小事需要先处理好。这些事虽然简单但很多人会在这里卡住尤其是“中文设置”这一关因为 Cursor 默认是全英文界面对英文不好的朋友不太友好。2.1 Cursor 下载与安装Cursor 的官网很好记直接在浏览器里搜索 Cursor 官网就能找到。进入官网首页之后你会看到一个显眼的下载按钮它会根据你的操作系统自动识别是给你下载 Windows 版还是 macOS 版。如果没自动识别也可以在页面底部的下载选项里手动选择。安装过程跟装 QQ、装微信没有本质区别一路点“下一步”就行。需要注意的一点是安装完成后首次启动Cursor 会引导你选择编辑器主题深色还是浅色还会询问是否导入 VS Code 的配置。如果你以前没用过 VS Code直接跳过这些步骤不用管。整个安装过程实测不到五分钟。2.2 注册与登录第一次打开 Cursor 会让你登录账号。这里有几个选择用 Google 账号登录、用 GitHub 账号登录或者直接填邮箱注册一个新的账号。我建议直接注册一个新账号用邮箱收一个验证码就行整个过程大概一两分钟。这样后面管理额度、切换设备都比较方便。注册登录之后你会进入 Cursor 的主界面。别慌第一次看到密密麻麻的界面不用着急弄懂每一个按钮你只需要记住最核心的两个地方左边的文件区以及中间最大的编辑区。文件区里会在你创建项目后出现各种文件编辑区则是你进行对话和查看代码的地方。2.3 Cursor 中文设置到底怎么操作这个问题在我接触 Cursor 的圈子里被问得最多而且网上一搜一堆看似专业、实则复杂到离谱的教程。实际上Cursor 的中文设置分为两层界面语言和对话语言。界面语言目前官方并没有提供一键切换的完整汉化选项网上的“汉化包”教程大多是把社区制作的语言包丢进插件目录有一定风险我本人就不折腾这个了因为 Cursor 顶部的菜单栏使用频率并不高你日常打交道最多的其实是右边的对话框那里完全不受界面语言影响。真正建议大家操作的是“对话语言设置”。点开右下角的设置齿轮找到 AI 相关的选项在输入框里添加一条规则内容是“Always reply in Chinese, and keep the code comments in Chinese”。把这句话写进规则之后重启一下 Cursor你之后所有对话、AI 的所有回复以及它生成的代码注释都会变成中文。这个方法是我试过最稳妥、最不改动系统文件的方案。还有一个更简单的土办法每次对话第一句就说“请用中文回答我代码注释也用中文”。实测下来 Cursor 很听话提一次后面基本都会遵守。说白了这就是一个 AI 时代的新习惯——你不需要把工具设置成中文你只需要告诉工具“你跟我交流时用中文”就够了。2.4 免费额度和付费版本怎么选很多人关心 Cursor 收费的问题。目前 Cursor 有一个免费版新用户注册后会有一个试用期在试用期内可以体验更高级的模型用完之后会降级到免费额度。免费额度每个月有几百次请求对于偶尔做个小 App、写个脚本的人来说完全够用。如果你平时只是用它解决零散的问题免费版是一个很不错的起点。付费版也就是 Pro 版目前大概是 20 美元一个月权益是多了一些更快的响应次数、更多的高级模型额度。我个人的建议是你先用免费版跑完这篇教程里的例子如果真觉得顺手上瘾、打算长期用它干活再考虑付费。没必要一开始就氪金毕竟 20 美元换算成人民币也不是小数目。3. 核心工作流你只需要学会“说人话”其余交给对话现在进入正题。用 Cursor 开发 App 的核心流程说穿了就四步新建项目、描述需求、查看预览、迭代修改。我把这套流程叫做“说人话工作流”因为整个过程你的产出物只是自然语言而不是代码。3.1 第一步新建一个项目文件夹打开 Cursor 之后在欢迎界面选择“Open Folder”或者“New Project”。这里我建议先在你的电脑里建一个专门的文件夹比如叫 MyApps专门用来放你用 Cursor 做的各种小项目。这样每个 App 都放在自己的子文件夹里互不干扰后面想找哪个都很方便。新建项目之后Cursor 会问你“对哪个目录感兴趣”你只需要点一下刚才建好的文件夹就行。如果你发现界面上还没有任何文件不用怕这是正常的。真正有内容的时刻是在你第一次跟它对话、让它创建文件之后。3.2 第二步用自然语言描述你的 App 需求这一步是整个流程的灵魂。你在对话框里打字的风格直接决定了最后产物长什么样。我把这一节单独拿出来写因为它真的值得好好琢磨。描述需求的核心原则有三条第一把功能说具体别只说“我想做一个健身 App”因为这句话太空了AI 没法判断你要做的是健身视频平台、健身食谱还是打卡工具第二把界面说具体比如“顶部显示一个大标题中间是一张打卡日历底部有三个按钮”AI 对视觉描述的还原能力很强第三把交互说具体比如“点击某个按钮之后发生什么、数据存储在哪里、页面如何跳转”。举个例子同样都是“运动 App”你如果说“做一个运动打卡 App”Cursor 可能给你一个无比简陋的默认模板但如果你说“做一个运动打卡 App首页显示今日运动状态和连续打卡天数中间有一个大大的日历可以查看过去日期的打卡记录底部有我开始打卡的按钮点击后弹窗让用户选择运动类型跑步、跳绳、瑜伽然后记录当天的打卡”它生成的东西就会有模有样得多。有朋友可能会问我不会用专业术语怎么办完全没关系你就用大白话描述比如“我希望有一个圆圆的大按钮”“我希望那个数字跳动的时候有一个动画效果”Cursor 都能听懂。它比你想象中更懂“人话”这恰恰是它存在的意义。3.3 第三步用 Tab 键和 Enter 键接受代码当你在对话框里描述完需求点击发送按钮Cursor 就开始生成了。这个过程少则几秒多则一分钟取决于项目的复杂程度和你的网络状况。生成完毕后编辑区会显示一堆代码文件左侧文件区也会多出很多新文件。这时候很多人就慌了心想“这么多代码我可怎么看啊”。别慌你现在要做的其实只有一个动作看对话窗口里 Cursor 给你的总结以及左侧新建了哪些文件。如果它一次性创建了很多文件说明它确实理解了你的需求真的在“搭项目”。如果它只回应了一段解释没动手创建任何东西你就补一句“请直接帮我创建项目文件不要写解释”它就会执行了。Cursor 生成代码的过程中可能会弹出一些提示比如“Accept”“Reject”这是让你确认接不接受它的修改。正常情况下直接点 Accept 或者按 Tab 键接受就行不用多想。如果某个文件你觉得不对劲之后再让它改就好。3.4 第四步打开预览器看效果然后开始提修改意见代码生成完你肯定想知道 App 长什么样。这一步是 Cursor 最让人惊喜的地方在编辑区右上角有一个显示预览的图标像一个小电脑屏幕点一下右侧就会展开一个预览页面。在这个页面里你做的 App 已经以网页的形式跑起来了可以点击按钮、填写表单、切换页面跟真机使用几乎没有区别。我第一次用的时候看到自己描述的一个打卡 App 真的出现在屏幕上按钮能点、页面能跳说实话还是有点小震撼的。更神奇的是你在预览器里发现的任何问题不需要自己动代码只需要切回对话框把问题原封不动描述给它。比如 “日历上的今天应该用红色圈出来但现在是灰色”“点击打卡之后数字没有变化”“整个页面我想更活泼一点字体给我换圆润的”它都会去修改代码然后你刷新一下预览器新效果就出来了。这个“描述—生成—预览—反馈—修改”的循环就是你开发 App 的全部过程。循环次数越多App 越接近你理想中的样子。五到十分钟基本能做出一版超过预期的初稿。4. 实战演练10分钟把一个运动打卡 App 从零聊出来光讲理论容易飘我直接带你看一个完整案例。下面这是一个我前几天刚做的运动打卡 App从需求描述到完成第一版全程用了大概九分钟。我把每一轮的对话内容和结果都列出来你跟着走一遍就能完全理解前面说的流程。4.1 第一轮对话把骨架搭起来我的第一句话是“请帮我做一个运动打卡 App。首页要显示今天的运动状态和连续打卡天数中间是一个本月日历日历上已打卡的日期用绿色圆点标记。底部有一个很大的打卡按钮点击后弹出一个选择运动类型的窗口选项包括跑步、跳绳、瑜伽。结束后记录当天已打卡并在日历上显示。”发送完这句话我等了大概四十秒左右Cursor 在左侧文件区创建了十几个文件。好消息是预览器第一次刷新一个像模像样的 App 就已经出来了。首页的卡片布局、日历网格、底部圆形按钮都齐了点击打卡按钮会弹出三个运动类型的选项选中后真的会在日历上标记一个小绿点。这个第一版当然远算不上精致比如按钮偏小、页面边距不协调、弹出窗口的样式很朴素。但对于一个四十秒生成的作品来说我已经觉得非常难得了。接下来就是打磨环节。4.2 第二轮对话让界面更好看我接着在对话框里说“整体风格我希望更清新一些背景用浅绿色卡片用白色圆角卡片打卡按钮改成更大的绿色圆形按钮打卡成功之后有一个简单的点赞动画。”这次修改更快差不多二十秒左右它就把样式改好了。刷新预览整个界面确实“清爽”了不少。这个环节里我发现了一个很关键的点——Cursor 对风格描述的还原能力其实很强只要你把颜色、形状、排版说出来它基本能做到“指哪打哪”。我又试了几轮微调比如“日历上的日期文字太小了加大一点”“打卡天数的数字我希望字体加粗”“弹窗背景加一层半透明遮罩”。每一轮都是十几二十秒的事说起来好像很多轮实际上五轮交互加起来也不过五分钟。这时候的 App 已经很有“产品感”了。4.3 第三轮对话确认数据真实保存很多第一次用 Cursor 做 App 的人都有一个疑问我打卡之后关掉页面数据还在吗这其实取决于 Cursor 默认生成的数据存储方式。它默认生成的代码很多是存在浏览器本地存储里的意思是数据只保存在你自己的浏览器里关掉页面再打开数据还在换一台电脑、换个浏览器数据就没了。这对于演示和个人自用来说完全够用。我专门为了验证在对话里问了一句“打卡数据现在存到哪里刷新页面以后还会保留吗”Cursor 检查完之后回复说目前存储在 localStorage刷新会保留清空浏览器缓存会丢失。如果你需要多设备同步就需要接入后端数据库复杂度会高一些。这一轮的收获是你可以随时向它提问它不仅能改代码还能像同事一样跟你解释“现在系统是怎么工作的”。对于想搞懂原理的人来说这个答疑能力比生成代码本身更有价值。4.4 第四轮对话打包成手机 App 的前期思路页面在浏览器里跑得好好的很多人下一个问题自然是怎么才能放到手机桌面上当真正的 App 用这里要坦白说这是整个流程里最“不保姆”的一部分因为把网页变成正式的手机安装包涉及打包工具、签名、上架流程不是 Cursor 单独能搞定的。不过好消息是Cursor 可以帮你把代码准备好让你不写代码也能接近目标。目前我看到比较适合零基础用户的路线有两种一种是让 Cursor 生成一个 PWA渐进式网页应用浏览器会提示你“添加到主屏幕”这样手机上就多了一个类似 App 的图标点开是全屏体验不依赖浏览器地址栏另一种是告诉它你未来想用某个跨平台打包工具比如 uni-app来打包成安卓或苹果应用让它按照这个框架去生成代码结构后续再借助打包平台处理安装包。这两条路都需要一点额外学习成本我自己目前主要是用第一种因为对一个自用的小工具来说“添加到主屏幕”已经足够方便了。如果你是想正儿八经上架应用商店那还是需要找一个会打包的伙伴或者专门花时间研究上架流程。这不是这篇教程的核心目标先不展开。5. 常见问题与避坑笔记逐个帮你排掉用 Cursor 做 App 的过程中几乎每个人都会遇到下面这几个问题。我把它们整理成了一套速查笔记你如果踩到坑了直接对照着看就行。5.1 为什么 Cursor 回话很慢甚至一直转圈这个问题常见于几个原因一是你生成的项目文件较多或者复杂需要的时间本身就更长二是某些模型的响应速度就是会比别的模型慢如果当前模型卡顿你可以在对话框上方切换成速度更快的模型试试三是网络波动此时耐心稍等一会儿或者重启一下 Cursor 就好了。如果等待时间超过两三分钟还是没有反应我常用的补救措施是在对话里打一个“继续”看它能不能接着干活。如果实在没反应就把 Cursor 整个关掉重新打开它会自动恢复之前的会话记录然后让你重新发指令。这个“重启大法”在 Cursor 里同样很管用。5.2 Cursor 生成的界面太丑默认风格一股“模板味”这个问题太常见了。默认生成的界面往往是最朴素的 HTML 风格就像二十年前的网页。解决的办法不是让它“美化一下”这种模糊的话而是给它非常具体的视觉描述。我总结了一套常用话术直接复制进对话就能显著改善观感。“请采用现代简约风格大量留白圆角卡片柔和背景色避免默认浏览器字体使用系统字体或安全字体按钮要有悬浮阴影效果页面整体要有层次感。”这一句话基本能推动它往好看的方向走一大截。你还可以给它举例“风格参考苹果健康 App 的感觉”它也会有比较好的表现。5.3 预览器里一切正常但生成的文件打不开怎么办这里要区分两种情况。第一种是预览器压根没反应此时检查一下左下角有没有报错信息最省事的办法是把它关掉重新打开。第二种是预览器正常但你双击生成的其他文件夹里的 HTML 文件用系统浏览器打开后发现样式全乱了这是因为很多路径在“开发模式”下和在“直接打开文件”下不一样属于正常现象。你在 Cursor 的预览器里看效果就行不用单独去双击文件打开。5.4 免费额度快用完或者用完了怎么办这是一个很现实的问题。如果额度用完了最直接的做法是等额度刷新大多数套餐是按月或按天刷新的。如果你想继续用那就得考虑升级 Pro 版。另外有一个省钱的小技巧日常的小修改、简单问题可以手动把它切换成更轻量的模型来回答把高级模型额度留给复杂项目。5.5 不确定它生成的代码有没有问题自己又看不懂代码这个问题我太有体会了。我的做法是每完成一个重要功能就让它自己检查一遍。你直接在对话里说“请你检查一下项目里所有的代码看看有没有明显的 bug、逻辑错误或安全隐患然后列出问题清单”。Cursor 会自己打开文件去审视代码然后给你反馈发现问题它会顺手修掉。这种“让 AI 给它自己代码做质检”的模式对零基础用户来说是减轻代码焦虑的最好方式。5.6 千万不要在对话里随意泄露账号密码虽然 Cursor 很聪明但它并不具备分辨“这个内容是不是该保密”的能力。如果你在对话里提到某个服务的内网地址、账号密码或者 API 密钥它可能会直接帮你写进代码里这在本地自用问题不大但如果代码将来要分享或者上架就可能存在安全隐患。所以务必记住涉及敏感信息的部分要么自己手动处理要么明确告诉它“请留空我自己后面填”。6. 从玩票到工具Cursor 做出来的 App 到底能走多远很多人用 Cursor 做出第一个 App 之后会站在一个岔路口上这东西到底是玩票还是真能当正经工具用我的答案比较务实分场景来看更有参考意义。6.1 自用和团队内部工具完全够用如果你是给自己做一个提醒工具、打卡器、计算器、日程表或者给团队做一个演示用的原型、数据看板Cursor 生成的东西完全够用。它胜在修改成本极低今天觉得界面不合适张口就让它改明天想加新功能一句话的事。这种迭代速度是传统开发方式没法比的。6.2 作为学习工具价值巨大如果你其实是想学编程但之前一直卡在语法和报错上Cursor 反而是极佳的学习入口。它的价值在于你脑子里想的“我要做一个什么功能”它会立刻把对应的代码写出来。你只需要一边看代码一边看它给的注释就能理解“哦原来这个功能是这样实现的”。这种方法比我当年抱着厚厚一本书学编程的体验不知道高到哪里去了。6.3 想上架应用商店还需要补一节“打包课”接前面说的Cursor 能帮你把应用的逻辑、界面、交互都做出来但把它变成能上架的安卓或苹果安装包还需要额外走打包流程。目前最接近零门槛的路线是用 PWA 添加到手机主屏幕对个人使用来说已经很有“原生感”。如果非要上架到应用商店找一个懂安卓或苹果打包的人协助是更实际的方案。坦诚地讲用 Cursor 做 App 还不至于让程序员失业但它的确把“做出一个软件”的门槛降到了普通人都能摸到的高度。过去做 App 像是要开一家餐厅你要懂厨艺、懂装修、懂资质现在更像是你把自己的菜谱写出来有个人替你掌勺。做出来的菜是不是惊艳取决于你的品味和描述的细致程度但至少你随时都能吃上一口热乎的。我个人在这段时间里最大的体会是AI 编程工具的复利效应极其惊人。你用它做得越多你描述需求的能力就越精准成果也就越接近你脑子里的想法。第一次可能是折腾了 20 分钟才做出一个粗糙的东西第十次可能五分钟就做出一个有模有样的产品。这篇文章里的操作步骤并不难难的是你真正打开 Cursor 开始说出第一句话。希望看完之后你也能去“聊”出一个自己的 App 出来。