前两周一个做社群运营的朋友找我说想给自己团队做一个打卡积分的小工具外包报价三万多问我值不值。我说你先别急着花这个钱我半小时内让你在手机上看到一个能点、能记录、能保存的版本你先拿去用觉得流程没问题再考虑要不要做正式版。结果我们当天真的就用 Cursor边聊边改十几分钟做出了第一版能用的页面。他全程没写一行代码甚至没看过一眼代码长什么样。这篇文章就是那次经历的回放。我会从一个完全不写代码的人的角度把用 Cursor 开发 APP这件事拆成保姆级步骤安装什么、怎么设置中文、怎么把需求喂给 AI、怎么预览、怎么修 bug、最后怎么让手机桌面上出现一个图标。关键词就三个不写代码、Cursor、APP 开发。想直接看实操的跳到第 4 章还在犹豫可行性、想知道这个10分钟到底是不是标题党的从前言往后看。1. 先泼盆冷水这个10分钟不是魔法很多人看到10分钟开发1个APP就兴奋觉得 AI 已经神奇到说出需求就能上架 App Store。这个期待需要被修正一下。如果目标是开发一个原生 iOS/Android 应用并通过审核上架别说 10 分钟10 小时都不一定够——你要处理开发者账号、签名证书、应用商店审核、后端服务器一堆事情。但如果你要的是一个能打开的页面、能记录数据、能输入输出、手机上能全屏显示、桌面上还能添加图标的APP那 10 分钟是真的够。这类应用在技术上叫 Web App 或 PWA底层是网页但用户感知上它就是装在手机上的工具。Cursor 最擅长的恰好就是做这种东西。想验证一个想法、做内部工具、搭建 MVP、生成个人作品集这个方案绰绰有余。想替代微信那种商业级应用那是另一个话题。1.1 不写代码的准确含义这句话最容易被误解。准确说法是你不亲手敲代码但代码依然存在只不过写代码的人是 Cursor 里的 AI 模型。你的角色从程序员变成了产品经理 测试工程师负责把需求说清楚检查 AI 做出来的东西对不对把不满意的部分用中文反馈回去。这个转变对小白来说其实特别友好。我见过不懂任何编程的人做出自己用的打卡工具也见过十年经验的老手用 Cursor 把一天的工作量压到一小时。两者之间的差距不在会不会写代码而在会不会清楚地描述问题。你越是能把需求讲得像点菜一样具体——要什么功能、什么风格、什么顺序——AI 出来的结果就越接近你想要的东西。1.2 十分钟做出来的到底是哪种APP为了不产生歧义这里直接给一张对比表。我做的APP属于第二类。类型开发门槛上架审核离线能力系统能力适合场景原生 App高需要强强相机、推送、蓝牙商业产品、复杂应用Web App / PWA极低不需要中等有限小工具、MVP、内部系统小程序中平台审核中等部分依赖微信生态的 C 端产品换句话说用 Cursor 10 分钟做的 APP是一个披着 APP 外衣的网页。它能放在手机桌面、能全屏打开、能保存数据但底层不依赖 iOS 或 Android 系统。想要相机扫码、推送通知这种原生能力可以后期用打包的方式补我在第 5 章会讲。先把这个边界讲死后面操作就不会疑惑为什么这个页面能在浏览器里打开。2. 我给小白推荐 Cursor 的三个核心理由市面上 AI 编程工具已经不少什么 GitHub Copilot、通义灵码、Codeium 都在做类似的事。但如果你是完全不写代码的普通人我依然建议第一个工具从 Cursor 开始。原因是它的工作方式不是帮你补代码而是替你完成整个小项目的开发。这个差异对非程序员来说是决定性的。2.1 自然语言对话驱动的开发模式早期的 AI 编程工具更像是输入法联想的增强版你写一行代码它帮你补下一行。这要求你本身得会写代码AI 只是加速器。而 Cursor 的 Composer / Agent 模式是另一条路线你直接说帮我在这个文件夹里做一个记账应用数据存到浏览器本地界面要移动端优先它能自己规划要创建哪些文件、写完整代码、甚至自己执行终端命令。用打比方的方式说Copilot 是站在你身后帮你递扳手的人Cursor 的 Agent 模式更像是你雇了一个实习生你跟他说把会议室收拾成培训场地他自己会去搬桌子、摆椅子、调投影仪。你当然也要检查他做得对不对但不用自己动手搬每一张桌子。这套机制让不写代码开发 APP真正变得现实。2.2 免费额度就够日常小工具使用我自己测试过Cursor 免费版Hobby 计划每天有可用的快速请求额度做个记账本、待办清单、投票页面这种小工具免费额度完全够用。套餐是 Pro 版大约 20 美元/月适合一周至少打开几次、项目持续迭代的人。我的建议很简单先别急着付费用免费额度做两三个小项目做完你自然知道它值不值。工具好不好不是看广告是看你用完是否愿意续费。有一点要注意高级模型比如 Claude 系列在某些高负载时段免费用户可能要排队或者被限流。所以如果你是想在公开演示现场10分钟开发APP建议提前买一个月 Pro避免现场翻车。自己在家练习免费的就够了。2.3 生态兼容 VS Code遇到问题好搜索Cursor 本质上是 VS Code 的深度改造版保留了 VS Code 的基础操作、扩展机制和快捷键体系。这带来一个隐形好处你遇到问题去搜索引擎搜答案搜VS Code 怎么打开终端VS Code 如何安装扩展出来的教程大部分在 Cursor 里也适用。同时Cursor 可以直接安装 VS Code 的扩展程序比如简体中文语言包。这意味着不想看英文界面的问题有解决方案我下一章就手把手带一遍。对小白的另一个好处是当你以后想进阶学一点代码网上的 VS Code 学习资料都能复用不需要重新适应一套工具。3. 动手前准备下载、安装、中文设置、新建项目开吃之前先备菜。整个过程大概需要 5 分钟我尽量把每一步都说到位避免卡在环境上。3.1 下载安装像装微信一样简单第一步在浏览器里打开 Cursor 官网 cursor.com首页通常非常显眼地有Download按钮。第二步根据自己的系统选择 Windows、macOS 或 Linux 版本。第三步下载完成后双击安装包Windows 下基本一路 Next 就行macOS 下把 Cursor 图标拖进 Applications 文件夹即可。第四步打开 Cursor首次启动会让你登录账号支持 Google、GitHub 或邮箱注册选一个你常用的即可。有一类常见问题需要提前说如果下载太慢或者官网打不开先别急着怪安装包大概率是当前网络环境的问题。你可以换个浏览器试试或者关掉系统的代理类软件再试再不行用手机热点配合下载。不要在这一步死磕这个工具对网络是有要求的但通常只要官网能打开使用就没问题。3.2 Cursor 怎么设置中文界面很多朋友打开 Cursor 后被满屏英文劝退这里给两个方案。方案一推荐给小白安装中文语言包。打开 Cursor 后点击左侧活动栏的扩展图标——像四个方块那个——或者直接按快捷键 CtrlShiftXMac 是 CmdShiftX打开扩展商店。在搜索框输入Chinese在结果里找到 Chinese (Simplified) Language Pack for Visual Studio Code安装它。装完后按 CtrlShiftPMac 是 CmdShiftP打开命令面板输入Configure Display Language选择中文简体然后重启 Cursor。界面就变成中文了。方案二其实也够用不装中文包。因为你的主要交互方式是左下角/右侧的 AI 对话框那是写中文发给 AI 的AI 也会用中文回复你。顶多认识几个关键英文单词就行Explorer 是文件列表Search 是搜索Source Control 是版本管理Extensions 是扩展。界面语言不会成为使用障碍不用因此焦虑。3.3 新建项目文件夹的正确姿势在 Cursor 里一个项目其实就是你电脑上的一个文件夹。我强烈建议你单独建一个干净的文件夹不要随手放在桌面或下载目录里不然以后文件会乱。具体操作在电脑任意位置新建一个文件夹名字建议用英文比如 my-app。注意路径里尽量避免中文和空格因为后面如果要跑终端命令中文路径容易出一些奇怪的编码问题这是经验之谈。然后回到 Cursor选择 File文件 Open Folder打开文件夹选中你刚建好的 my-app。左侧 Explorer 区域会显示这个空文件夹后续 AI 生成的文件都会出现在这里。这时候我建议顺手做一件事打开终端面板Terminal New Terminal快捷键 Ctrl确认下来当前终端的工作目录是不是你的项目文件夹。这个操作对你现在来说可能有点多余但 Cursor 的 AI 有时候会帮你自动执行打包、安装依赖等命令终端目录不对的话命令会跑错地方。先把这个习惯养成后面少踩很多坑。4. 10分钟实操从零做出一个极简记账本接下来是本文的正餐。我选的应用是极简记账本因为它的功能性足够展示增删改查、数据存储、界面统计这些常规 APP 核心能力同时实现起来又非常简单。你完全可以把这套流程套用到任何一个自己的小想法上。4.1 第一步把需求写清楚喂给它一份提示词不写代码的人最容易犯的错就是只丢一句话帮我做个记账 APP。AI 当然能生成但出来的东西往往不是你想的那样。在我的实操经验里一份好用的提示词应该包含技术方案、功能清单、视觉要求、输出要求四个部分。下面是我实际用过、效果很稳定的一份模板直接复制就能用你是一名全栈工程师。请帮我开发一个极简记账本要求如下 技术方案 1. 使用单页 HTML 文件实现用原生 HTML CSS JavaScript。 2. 不要引入外部库不要依赖网络资源图标用内联 SVG 或字符符号。 3. 数据保存到浏览器 localStorage刷新页面后不丢失。 功能需求 1. 顶部显示总收入、总支出、结余三个数字。 2. 中间是添加记账的表单金额、收入/支出切换、分类选择、备注。 3. 下方按时间倒序列出所有记录每条显示金额、分类、备注、时间。 4. 支持删除单条记录。 5. 界面使用中文。 视觉要求 1. 移动端优先整体宽度适合手机屏幕。 2. 背景浅色卡片圆角大按钮方便手指点击。 3. 收入用绿色支出用红色结余如果为负用红色警示。 输出要求 在项目文件夹中生成 index.html 和 README.mdREADME 写清如何打开运行。为什么要这样写技术方案那一段尤其关键指定单页 HTML、不要外部依赖是为了让你的项目在任何网络环境下都能打开不依赖服务器数据保存到 localStorage 是为了解决小白最怕的刷新就丢数据问题。功能需求你可以按自己的实际需要增删。视觉要求是给 AI 一个审美方向避免默认样式太程序员审美。4.2 第二步打开 Composer让 AI 开工在 Cursor 里按快捷键 CtrlIMac 是 CmdI会打开 AI 对话框这个功能在旧版叫 Composer新版里可能直接显示为 Agent 模式。如果看到模式选择优先选 Agent代理模式因为它能自动读取文件、创建文件、执行命令比普通聊天模式省心得多。把上面那段提示词粘贴进对话框回车。AI 会先生成一个计划比如我将创建一个 index.html 文件包含...然后开始逐个创建文件。这时候你不需要做任何事可以亲眼看着左侧文件列表里冒出 index.html、README.md 等文件。如果你第一次跑它中途可能会问你问题比如分类需要预设哪些直接用中文回答就行。不要怕问问得越多结果越精准。整个过程通常在 1 到 3 分钟内结束取决于模型负载和你需求的复杂度。如果超过 5 分钟没反应可能是网络抖动或免费版限流可以停止后重新发送一次。4.3 第三步在浏览器里预览并修正问题生成完毕后左侧文件列表会出现 index.html。在它上面点击右键选择在文件夹中显示Reveal in File Explorer然后双击用浏览器打开或者复制文件路径粘贴到浏览器地址栏。浏览器里你应该能看到一个记账页面顶部是三个统计数字中间是表单下面是记录列表。这时候开始提意见阶段。你看着页面把不满意的地方用中文告诉 Cursor。比如主色调改成墨绿色金额数字再大一点记录列表增加一个删除按钮的确认弹窗它会直接改代码你刷新浏览器就能看到变化。这个过程可以反复进行直到你满意为止。还有一种预览方式是在 Cursor 里按 CtrlShiftP输入Open Preview在编辑器右侧内嵌预览。不过我建议还是用真实浏览器打开因为移动端样式在真实浏览器里按 F12再点击设备模拟器图标工具栏里的手机图案能直接看到手机上的显示效果这个功能用来验证移动端优先的页面特别方便。4.4 时间拆解10分钟到底怎么分配为了让你对10分钟有体感我把我实测的时间分配列出来时间段动作0-2分钟打开 Cursor、打开项目文件夹、确认终端目录2-4分钟写提示词复制模板后按自己需求微调4-7分钟AI 生成文件你观察它是否提问7-9分钟浏览器预览提出修改意见刷新验证9-10分钟确认核心功能没问题把文件保存好有人会问为什么我每次都得超过 10 分钟因为多数时间花在改到自己满意上。第一版往往能用但细节需要调。这很正常。10 分钟指的是第一个能跑的版本不是最终完美版。AI 开发本来就是一次次快速迭代不要指望一锤定音。5. 进阶让这个网页变成手机上能装的APP到这里你已经有了一个能在电脑浏览器上运行的 Web App。但大多数人想要的是手机上点开就用。这几条路线按难度从低到高排列你可以根据自己的需求选一条。5.1 最省事路线PWA 添加到主屏幕PWA 的体验最接近原生 APP手机桌面会出现一个独立图标点开后全屏显示不与浏览器地址栏混在一起。让 Cursor 帮你添加 PWA 能力也很简单你只需要在 AI 对话框里输入请给这个项目添加 PWA 能力 1. 创建 manifest.json包含应用名称、主题色、背景色、图标配置。 2. 创建 service-worker.js实现基本离线缓存。 3. 在 index.html 中注册 service worker。 4. 图标先用内联 SVG 生成一个 512x512 的占位图。生成后把项目托管到一个 HTTPS 网址见下一节用手机浏览器打开Chrome 或 Safari 的菜单里就会出现添加到主屏幕或安装应用选项。点完之后手机桌面就有图标了。这一步对小白相当友好唯一的坑是图标如果 manifest 里配置的图标尺寸不对或文件缺失安装按钮会不出现。让 AI 生成占位图可以解决没有图标的问题但想精致一点建议后续用在线图标工具生成一张 512x512 的 PNG 替换掉。5.2 免费托管路线Netlify/Vercel 生成二维码要让手机访问你的网页最简单的方式是托管到免费静态平台。我常用的是 Netlify操作属于拖拽即部署级别打开 Netlify 官网并注册免费账号支持 GitHub 登录没有 GitHub 就用邮箱注册。登录后进入站点管理有一个区域写着拖拽文件夹到这里部署。把你项目整个文件夹拖进去几秒钟后 Netlify 会生成一个随机二级域名比如 xxx.netlify.app。用手机浏览器打开这个地址你的 APP 就能在手机端访问了。Vercel 也提供类似功能操作逻辑一样。托管好了之后配合 5.1 的 PWA 能力整个手机桌面图标的流程就完整了手机打开网址 - 浏览器菜单中选择添加到主屏幕 - 桌面出现图标。这套流程不需要任何服务器知识、不需要备案、不需要付费对个人小工具来说是最优解。5.3 更接近原生Capacitor 打包和上架费用说明如果你想更进一步把项目打包成 Android 的 APK 安装包或者想尝试上架应用商店通常会在 Cursor 的辅助下用 Capacitor 完成。Capacitor 是一个把 Web 项目包装成原生应用的工具它的工作方式是你的页面代码不动外面套一层原生项目壳再通过专门的命令生成平台工程文件。这一步对完全没有开发环境的人会有点痛苦因为过程中会用到 Node.js、Android Studio 或 Xcode安装这些东西本身就要花不少时间。我的建议是先不要一上来就搞等网页版稳定运行、你真的确定需要安装包时再让 Cursor 一步步指导你安装环境、执行命令。把答辩的重点放在已经有一个能用的产品上比纠结打包细节重要得多。顺带回应一下很多人关心的费用问题iOS 的个人开发者账号通常 99 美元/年Google Play 开发者账号是一次性注册费目前大约是 25 美元。这还不算可能需要的服务器、数据库、第三方服务费用。所以之前那位朋友遇到的三万多外包报价真实反映了市面上的行情——如果你不想花这个钱先用 Cursor 自己做出能用的版本是现阶段性价比最高的一条路。6. 保姆级避坑不会写代码的人最容易栽的5个跟头工具本身不难难的是遇到问题不知道怎么办。下面这五个坑是我在帮朋友实际使用过程中反复出现的每一个我都试图给出不写代码也能自救的解法。6.1 需求一句话AI 还你一堆废物一句话需求帮我做一个打卡应用AI 确实会做但做出来大概率不是你想要的样子。它不知道你的打卡是喝水还是健身不知道要不要统计连续天数不知道要不要排行榜。AI 不是读心术。我的方法很朴素把提示词当点菜单。至少要回答四个问题这个应用给谁用核心能做的三件事是什么页面从上到下大概长什么样数据需不需要保存每个问题用一句话回答拼在一起就是一份比大多数人写得好的提示词。不需要文采只需要具体。6.2 页面报错时彻底懵了这是小白最容易崩溃的场景浏览器打开白屏或者点了按钮没反应。实际上大部分问题都能靠把报错喂给 AI解决。操作方法是在浏览器里按 F12 打开开发者工具切到 Console控制台面板找到红色报错信息鼠标右键选择复制回到 Cursor 对话框粘贴上去补一句我打开页面后 Console 里有这个报错请帮我分析并修复。AI 看到具体报错信息通常能定位问题。如果报错面板内容太长你就复制最上面几行即可。另一种情况是页面能打开但样式特别丑或布局乱这种最好办截图直接在 Cursor 对话框粘贴图片说页面长这样布局乱了帮我调整。Cursor 支持粘贴图片AI 看到截图后能改 CSS。这两个招数能让绝大多数小问题闭环。6.3 数据一刷新就没了这是我自己第一次玩 Cursor 时也踩过的坑。没有主动要求保存数据时生成的页面用完刷新数据全没给人一种白干了的感觉。解决办法很简单在提示词里直接写清楚数据保存到 localStorage。localStorage 是浏览器自带的本地存储能力不需要服务器刷新、关闭再打开都还在。但要提醒一句localStorage 的数据只存在当前这一台设备、当前浏览器里换手机或清除浏览器缓存就会丢。如果将来需要多设备同步再考虑接入云数据库那是另一个复杂话题入门阶段不用碰。6.4 AI 失忆后怎么找回上下文当你连续让 AI 修改了很多轮之后它可能会开始犯糊涂忘了最初的设计或者把之前改好的代码又改回去。这是大模型令牌上下文限制导致的不是你的操作问题。应对方式有三招。第一招在对话框里用 引用文件输入 之后 AI 会弹出文件列表让你选择选中的文件会被载入上下文让它只针对这个文件修改。第二招当对话历史太长时开一个新对话把核心需求重新粘贴一遍加上在现有基础上只修改 XX不要动其他功能。第三招重要改动之前让 Cursor 初始化 Git 仓库并让它每次修改前自动创建提交点。这样就算改乱了也可以说把上次提交的版本恢复回来。这行命令你可能不熟但可以让 AI 自己搞定。6.5 图片、图标加载不出来的奇怪问题经常有朋友问我为什么 AI 生成的页面里有些图标显示成破图小方框。大概率是图片路径写错了或者是用了外部图床的链接但当前网络环境加载不出来。不写代码的人不用深究原理直接让 AI 换一种实现方式就行把图标改用内联 SVG 或字符符号比如箭头、加号、购物车符号把图片改成 base64 内嵌。这样页面只有一个 HTML 文件所有资源都在文件内部不依赖外部网络既不担心加载失败也不怕目录结构改动导致路径失效。这个小技巧能让你的项目在各种环境下都稳定显示。最后再分享一点我自己的体会。工具这东西用多了就知道AI 不会替你做梦但它能替你熬夜。你不需要会写代码但你需要知道自己到底想要什么。如果一个想法连你自己都说不清楚按钮放在哪、点完会发生什么那 AI 再强也帮不了多少。我的建议很直接别在收藏夹里吃灰了挑一个你天天都嫌麻烦的小事哪怕是记喝水、管购物清单、算 AA 账单用 Cursor 做出来走一遍从想法到手机桌面的全流程。这个过程本身比看十篇教程都值。