放弃复制粘贴!用 Cursor + Claude 从零手搓专属软件,小白也能做开发
放弃复制粘贴!用 Cursor + Claude 从零手搓专属软件,小白也能做开发
你是否也经历过这样的时刻:
每天工作中充斥着繁琐的重复劳动,比如批量重命名文件、从网页抓取特定数据、或者仅仅是想要一个符合自己审美的“沉浸式番茄钟”。你脑海里闪过无数次“要是有一个自动化工具就好了”的念头。
但现实往往是一盆冷水:去淘宝找外包太贵,自己学Python又被复杂的环境配置和天书般的代码直接劝退。
以前,开发软件是少数极客的特权;但今天,只要你会说流利的中国话,你就能做开发。
这篇文章,我将带你打破“不懂代码就不能做软件”的窗户纸。我们将抛弃过去在网页端“复制粘贴”代码的低效模式,借助目前AI编程的“版本答案”——Cursor 编辑器 + Claude Sonnet 4.6 模型,从零开始,手搓一个高颜值的“沉浸式番茄钟”桌面小工具。
准备好迎接你的“Aha Moment”了吗?我们开始。
---
第一章:破局——为什么是 Cursor + Claude?
很多人对AI写代码的印象,还停留在“打开一个网页,输入需求,AI吐出一段代码,你复制到本地,一运行全是报错,最后无奈放弃”的阶段。
这种“传统网页端AI写代码”模式有一个致命缺陷:AI是个瞎子。
它看不到你本地的文件结构,不知道你安装了什么依赖,更不了解你的整体项目逻辑。你就像在跟一个蒙着眼睛的泥瓦匠沟通,他只能递给你一块块砖头(代码片段),而你根本不知道怎么把它们砌成一堵墙。
而 Cursor 改变了游戏规则。Cursor 是一款基于 VS Code 深度定制的 AI 代码编辑器。如果说传统网页AI是“瞎子泥瓦匠”,那 Cursor 就是一个“坐在你旁边、看着你的屏幕、能直接帮你敲键盘的资深工程师”。
结合目前公认地表最强的代码模型 Claude Sonnet 4.6,它们构成了降维打击的黄金组合:
1. 懂全局:Cursor 能够读取你整个项目的代码库,Claude Sonnet 4.6 凭借超长上下文,瞬间理解你的项目背景。
2. 零复制:你只需要用自然语言提需求,AI 会直接在对应的文件里生成代码,你只需点击“Accept(接受)”,代码就自动合入了。
3. 极强逻辑:Claude Sonnet 4.6 在复杂逻辑推理、前端界面构建和 Bug 修复上的能力,目前处于行业的绝对统治地位。
今天我们的实战目标,就是用这套组合,不写一行代码,用“嘴”开发一个带有毛玻璃质感的桌面番茄钟。
---
第二章:基建——5分钟搞定开发环境与“无障碍”网络
既然是实战,我们先花5分钟把“武器”准备好。不用担心,不需要懂环境变量,不需要配复杂的依赖,一切极简。
1. 下载并安装 Cursor
直接访问 Cursor 官网(cursor.com),下载对应系统(Windows/macOS)的安装包,一路“下一步”傻瓜式安装即可。因为它是基于 VS Code 的,如果你以前用过 VS Code,你的插件和快捷键甚至可以一键无缝迁移。
2. 跨越模型调用的“门槛”
(这里是关键,请务必仔细阅读)Cursor 虽好,但它内置的高级模型调用次数是有限的。如果你想深度、高频地使用目前写代码最强的 Claude Sonnet 4.6,通常需要绑定海外信用卡去 Anthropic 官网申请 API,或者购买昂贵的海外订阅。这直接劝退了 90% 的国内用户。
不折腾的解决方案来了: 强烈建议大家直接使用国内稳定、合规的 API 代理中转服务。比如我自己团队和粉丝群一直在用的 8848AI 平台([api.884819.xyz](https://api.884819.xyz))。为什么推荐它?
- 极简注册:只需要用户名+密码即可注册,连邮箱验证都不需要,主打一个干脆利落。
- 白嫖福利:注册立马自动送 5元体验额度,足够你把今天这个项目完整跑通两三遍。
- 无套路计费:没有月租、没有订阅陷阱,用多少扣多少。顺便一提,平台上的国产顶级模型(如 Deepseek R1/V3、通义千问 Qwen3 等)是完全免费的!
3. 在 Cursor 中配置 8848AI
拿到 8848AI 的 API Key 后,我们把它装进 Cursor:
1. 打开 Cursor,点击右上角的齿轮 ⚙️ 进入 Settings(设置)。
2. 在左侧菜单找到 Models。
3. 找到 OpenAI API Key 或 Anthropic API Key 的设置项(这里我们通过兼容接口调用)。
4. 开启 Override Base URL(覆盖基础URL),在里面填入:https://api.884819.xyz/v1
5. 在 API Key 输入框中,填入你在 8848AI 获取的密钥。
6. 在模型列表中,手动添加并勾选 claude-sonnet-4.6,并将它设为默认。
搞定!全程无需翻墙,支持国内支付,按量计费比包月更划算,让你毫无阻碍地享受满血版 Claude Sonnet 4.6 的编码能力。
---
第三章:实战——用“大白话”指挥AI写代码的完整SOP
环境就绪,接下来见证奇迹。我们将通过三个步骤,展示一套“小白专属AI编程心法”。
步骤一:新建项目与唤醒 Composer
在电脑上新建一个空文件夹,命名为 MyPomodoro。用 Cursor 打开这个文件夹。
按下快捷键 Ctrl + I(Mac 用户是 Cmd + I),你会看到屏幕上弹出了 Cursor 的杀手锏功能——Composer。
这是一个全局的代码生成工作台,你可以在这里直接对整个项目下达指令。
步骤二:使用“万能 Prompt”生成骨架
小白用 AI 写代码最容易犯的错就是“挤牙膏”,说一半留一半。我们要一次性把需求、技术栈和视觉要求说清楚。
你可以直接复制我为你准备的这段 万能 Prompt 模板 扔进 Composer:
“你现在是一个资深前端工程师。我要做一个桌面端番茄钟应用。
技术栈:使用 HTML + CSS + JS(纯前端原生实现即可)。
请帮我从零生成项目结构和代码,要求:
1. 界面极简,深色模式,背景带有高级的毛玻璃(Glassmorphism)效果;
2. 核心功能:包含 25 分钟倒计时显示,以及‘开始’、‘暂停’、‘重置’三个按钮;
3. 交互细节:倒计时进行时,按钮要有平滑的呼吸灯动效。
请一步步思考,直接帮我创建 index.html、style.css 和 script.js,并填入完整代码。”(脑补一下震撼的动图画面:)
按下回车后,你会看到 Claude Sonnet 4.6 开始疯狂运转。它不仅在对话框里解释逻辑,你的左侧资源管理器里会自动凭空出现 index.html、style.css、script.js 三个文件,并且代码像瀑布一样自动在文件里飞速书写!
写完后,点击 Composer 界面上的 Accept All(全部接受)。
现在,双击打开你的 index.html,一个高颜值的番茄钟已经出现在你的浏览器里了!
步骤三:遇到 Bug 怎么办?一键修复!
在真实的开发中,100% 会遇到 Bug 或者不满意的地方。比如你测试时发现:“时间到了 00:00 之后,倒计时居然变成了负数!”
小白恐慌时刻?不存在的。在 Cursor 里,修复 Bug 简直是降维打击:
1. 选中你觉得有问题的代码(或者直接不选,让 AI 自己找)。
2. 按下 Ctrl + K(代码行内编辑)。
3. 用大白话输入你的抱怨:“倒计时到 00:00 后没有停止,反而变成了负数,而且没有提示音,请帮我修复这个逻辑,并在结束时弹出一个提示框。”
4. 回车。
Claude Sonnet 4.6 会迅速定位到 script.js 中的 setInterval 函数,自动为你写好 if (timeLeft <= 0) 的判断逻辑,并高亮显示修改前后的红绿对比图。
你只需要看一眼,觉得没问题,按下 Ctrl + Enter(Accept),Bug 瞬间灰飞烟灭。
- 先搭骨架再填肉:第一轮 Prompt 只要求跑通核心功能(如倒计时),不要一开始就提 20 个复杂需求。
- 一次只提一个修改:遇到 Bug 或加新功能时,每次
Ctrl + K只解决一个具体问题,这样 Claude Sonnet 4.6 的输出最稳定、最不容易出错。
---
第四章:交付——打包你的第一个软件并分享
目前,我们的番茄钟还只是一个网页(HTML)。怎么把它变成一个像微信、QQ那样,可以双击运行、甚至发给朋友炫耀的独立桌面软件(.exe 或 .app)呢?
依然是用“嘴”编程。
再次唤醒 Composer (Ctrl + I),输入终极指令:
“我现在想把这个网页打包成一个独立的桌面端应用。请使用 Electron 为我配置打包环境。
请告诉我:
1. 我需要在终端运行什么命令来初始化?
2. 请帮我生成package.json和main.js文件。
3. 告诉我最后执行什么命令可以打包出 .exe (或 .dmg) 文件?”
Claude Sonnet 4.6 会立刻为你生成 Electron 的主进程代码,并按顺序列出需要在终端(Terminal)粘贴的命令:
npm init -y
npm install electron --save-dev
npm install electron-builder --save-dev
npm run build
你只需要像个无情的监工一样,把这些命令复制到 Cursor 底部的终端里按回车。几分钟后,在项目的 dist 文件夹里,就会静静地躺着一个 MyPomodoro.exe。
双击它,一个没有浏览器边框、独立运行、带有高级毛玻璃质感的专属番茄钟,正式在你的桌面上跳动。
这一刻,那种“我创造了它”的巨大成就感,是任何买来的软件都无法比拟的。
---
结语:你的生产力,由你定义
从一个模糊的痛点,到一段自然语言的描述,再到一个实实在在可以双击运行的桌面软件。在 Cursor 和 Claude Sonnet 4.6 的加持下,整个过程不到 30 分钟。
你刚才完成的,不仅是一个小工具的开发,更是夺回个人生产力控制权的第一步。
编程不再是少数精英极客的特权,它已经变成了像使用 Excel 一样,每个人用来解决自身问题的基本技能。现在,打开电脑,连上 8848AI,去“说”出你的第一个程序吧!
但是,等等……如果这个番茄钟不仅仅你想用,你的同事、朋友,甚至全网的人都觉得它做得太棒了,想要使用呢?
你总不能挨个给他们发 .exe 安装包吧?你该如何把它变成一个所有人都能访问的在线网页,甚至加上账号系统和收费功能,赚取你人生的第一桶“睡后收入”?
下一篇文章,我将为你带来《进阶实战:如何用AI把本地工具一键免费部署到云端,打造你的个人SaaS产品》。从本地单机到云端应用,只需再跨出小小的一步。
看完这篇就去实操吧,如果你在实操中遇到任何问题,或者想要获取更多高阶 Prompt 技巧,欢迎在评论区留言。我们下期见!👇
---
本文由8848AI原创,转载请注明出处。关注8848AI,带你从零开始学AI。#AI教程 #Cursor #Claude #人工智能 #8848AI #AI编程 #Prompt技巧 #独立开发