开始用开发包 做 App
开发包是一个文件夹,里面有 AI 需要的一切:要做什么、每一个画面,还有原型的代码。在 Claude Code 里打开它,输入 开始,AI 就会一步一步带您做完。
AI 会怎么做
它先读文件夹里的规则,然后一次只问您一个问题。它不会在聊天里要密码或密钥,不会替您开账号,任何东西要上线或要花钱之前,都会先问您。
先准备好
- Claude Code,见 安装 Claude Code。也可以用 Codex:安装 Codex。
- 开发包:在方案页面上点 下载开发包 就能下载
- 第一次大约要一个小时。大部分是 AI 在做,中间会问您一些问题。
步骤
第 1 步:下载开发包
在方案页面上,点 下载开发包。
您会看到:下载 文件夹里多了一个
.zip文件,文件名就是您公司的名字。第 2 步:解压
- Mac
- 双击
.zip文件,旁边会出现一个同名的文件夹。 - Windows
- 右键点
.zip文件,选 全部解压缩(Extract All),再点 提取(Extract)。
您会看到:一个文件夹,里面有
先看我.html、AGENTS.md,还有从1-requirements到4-source-code四个带编号的文件夹。如果不一样:在 Windows 上直接双击 zip,看到的只是压缩包里的内容,还不是真正的文件夹,AI 没法在里面工作。请用 全部解压缩。
第 3 步:把文件夹
放到固定的地方 把文件夹拖到 文稿(Mac)或 文档(Windows)里,或者任何您找得到的地方。之后别删它:AI 的进度就存在这个文件夹里。
您会看到:开发包文件夹已经在那里了。
第 4 步:打开 Claude,
点 Code Code 在 Claude 侧边栏的最上面。
- Codex
- 打开 ChatGPT,在最上面的菜单里选 Codex。
您会看到:一个输入框,下面有一排小按钮。
第 5 步:选 Local
点输入框下面的第一个按钮,在列表里选 Local 下面的第一项,这样 Claude 就在这台电脑上工作。
- Codex
- Codex 在下一步设置这一项。
您会看到:第一个按钮显示的是 Local 下面的那一项。
第 6 步:打开开发包文件夹
点旁边的文件夹按钮,选 Open folder…(打开文件夹),找到开发包文件夹并打开。
- Mac
- 如果 Mac 问 Claude 能不能访问“文稿”文件夹里的文件,点 允许(有的 Mac 上是 好)。
- Codex
- 点 Chats 旁边的 Add new project(添加新项目),选开发包文件夹。在里面新开一个对话,把 Work in(在哪里工作)设成 This computer(这台电脑)。
您会看到:文件夹按钮上显示开发包文件夹的名字。
如果不一样:要打开的是开发包文件夹本身,不是“文稿”,也不是那个
.zip文件。第 7 步:把模式设成
Accept edits 点同一排的模式按钮,选 Accept edits。这样 Claude 改这个文件夹里的文件不用每次都问,运行命令前还是会先问您。这个设置会记在这个文件夹上。
- Codex
- 在输入框下面的按钮里选 Ask for approval,要在发第一条消息之前选。Codex 运行命令前会先问,按回车就是同意。
您会看到:输入框下面那排显示 Accept edits。
如果不一样:没有这个选项?保持原样就好,只是 Claude 会多问您几次。
第 8 步:输入
开始,按回车 您会看到:Claude 先花一两分钟读开发包,然后叫出您公司的名字,问第一个问题。
如果不一样:如果它没提到您的公司,或者什么都没问就开始做,说明它不在开发包文件夹里,检查一下文件夹按钮。
第 9 步:一次回答
一个问题 用您自己的话回答就行。它要运行命令时,会说明是做什么的:同意就行,也可以先问一句
这是做什么的?。它可能会先安装 Node.js,App 要靠它运行。需要开账号或填密钥时,它会带您到这里对应的那一页,然后等您。您会看到:每做完一部分,都有您能亲手试的东西,在自己的手机或电脑上就能试。
如果不一样:千万不要把密码或密钥贴进聊天。如果 AI 跟您要,直接拒绝:它本来就不该要。
随时可以关掉 Claude,进度都存在文件夹里。下次请看 下次接着做。AI 通常第一个让您开的账号是 Supabase。