1️⃣ 想法💡
💔经常沉迷手机,半夜也刷视频到两点多,白天无精打采的,想要做点改变总是虎头蛇尾。身边的朋友们也经常有这种困扰,所以想做一个app,与想戒又戒不掉手机的同学们一起努力克服困难,就叫放下手机吧。
2️⃣ 准备工作
我用的MacBook, 使用的工具主要有三个:
iOS系统集成开发环境Xcode, AI策略顾问豆包,AI编程助手cursor。
1.下载xcode(免费)
--- 下载方式:打开 Mac 上的 App Store,搜索 “Xcode” 并点击“获取”即可免费下载 。
注意:Xcode 体积很大(约 20GB),下载和安装需要较长时间,请确保网络稳定且硬盘空间充足。
2.下载AI编程助手cursor(使用需付费)
--- 下载方式:
(1) 访问 Cursor 官网:https://cursor.com;
(2)点击页面中央醒目的 “Download for free” 按钮;
(3)系统会自动检测你的操作系统,下载对应的安装文件(Windows 是 .exe 文件,macOS 是 .dmg 文件)。
3.下载AI策略顾问豆包(免费)
--- 下载方式:
- 官网直下(最推荐)
- 访问豆包官网:https://www.doubao.com
- 点击页面上的“下载”按钮,选择 Windows 或 Mac 版本。
- 下载完成后双击安装包,按提示完成安装。
3️⃣ 配置xcode开发环境
1. 初始化本地项目(在电脑上开工)
打开 Xcode,开始创建你的第一个App。
2. 运行第一个 Demo(验证环境)
在正式开发功能前,先跑通一个最简单的界面,确保一切正常。
4️⃣ 配置cursor
1.打开cursor, 注册后登录账号。
2.点击file->open folder,选择刚刚在xcode中新建的文件夹。
3.在 Cursor 项目根目录下,创建一个名为 REQUIREMENTS.md 的文档。
- 4.
将自己写的 Phase 1 详细功能需求说明书 完整粘贴进去。详见5️⃣
- 5.
关键操作:在 Cursor 的聊天框中,输入 @REQUIREMENTS.md 并发送。这会让 Cursor 将这份文档作为长期上下文,后续所有代码生成都会参考它。
5️⃣ 写prompt
1. 创建需求文档(PRD)
在 Cursor 中新建一个 Markdown 文件(如 requirements.md),稍后在composer中使用 @ 符号引用它,让 AI 记住你的项目背景。
指令示例:
2. 用元宝生成该app的需求说明书,并写出requirements.md中的内容。部分摘录如下:
Phase 1 详细功能需求说明书
1. 项目概述
项目名称:放下手机
阶段目标:用6-8周时间,开发一个可运行的iOS MVP版本,核心验证“放下手机化”的专注体验是否吸引人,并跑通“发愿-修行-功德”的基础数据闭环。
技术栈:SwiftUI, SwiftData, ScreenTime API (iOS 16+)
核心体验:用户与小伙伴完成一次完整的专注互动。
2. Phase 1 核心功能列表 (按优先级排序)
P0 - 必要功能 (必须完成)
A1. 启动与发愿流程
A2. 修行计时主流程
A3. 基础数据记录与展示
6️⃣ 在xcode中编译运行
第一步:打开项目
双击打开文件:在 Finder 中找到 Cursor 生成的项目文件夹,双击其中的 .xcodeproj 文件(蓝色图标)启动 Xcode。或者
通过 Xcode 打开:如果 Xcode 已打开,点击菜单栏 File > Open...,选择项目文件夹。
第二步:选择运行目标(模拟器)
在 Xcode 顶部工具栏的中间位置,有一个设备选择器(默认可能显示 No Device 或 My Mac)。
点击该下拉菜单。
选择 iPhone 16 Pro、iPhone 15 等 iOS Simulator 设备。
注意:如果列表为空,请点击 Xcode > Settings > Platforms 确保 iOS Simulator 已安装。
第三步:编译与运行
点击工具栏左上角的 ▶️ (Run) 按钮,或使用快捷键 Cmd + R。
Xcode 会开始编译代码(Building...)。
编译成功后,会自动启动模拟器并安装 App。
7️⃣ 演示效果
请参考下面的文章
只需一天时间,AI协助开发的第一个app来啦!
由于篇幅限制,后续如果想看详细教程文档,请关注我并留言,谢谢观看😊