← 返回主页

📘 从零开始 · 极简分工手册

能 AI 做的都交给 AI。你只需：注册账号、偶尔点授权、用浏览器验收。

🎯 最小工作量原则 终端、写代码、Git、Migration、启动服务器 → 全部 AI 代劳。
你只做 AI 无法代替的三件事：① 注册账号 ② 浏览器里点一次授权 ③ 打开链接看结果对不对。

图例

🤖 AI 做 Cursor 对话框下指令即可
👤 你只做 无法代劳的最少操作（通常 1～2 次点击）
💬 复制这句话给 AI — 直接粘贴到 Cursor

阶段 0 · 一次性准备（仅首次）

准备 注册账号 + 安装 Cursor / Node.js 👤 你只做
👤 你只做（一次性，以后不用重复）
🤖 之后全部交给 AI 装好后打开 Cursor，新建或打开项目文件夹，从此只用在对话框说话。

阶段 1 · 本地项目（AI 全包）

Step 1 创建文件夹 + 打开 Cursor 👤 你只做
👤 你只做 新建文件夹 first-project → Cursor File → Open Folder 打开它。
💬 然后对 AI 说
「这是一个新项目，帮我从零搭建网页。」
Step 2 创建网页 index.html 🤖 AI 做
🤖 AI 做 写 index.html（标题、表单、样式、交互逻辑）。
💬 复制给 AI
「帮我做一个测试页面，有名字、年龄、计数器和提交按钮，标题叫 🔥 小熊藥妝雲端測試基地 v2.0 🔥」
👤 你只做 看 AI 生成结果，不对就说「改成 XXX」。
Step 3 Git 初始化 + 第一次提交 🤖 AI 做
🤖 AI 做 .gitignore、git init、配置签名、第一次 commit — 全在终端代跑。
💬 复制给 AI
「帮我初始化 Git 并做第一次 commit。」

阶段 2 · GitHub（你点 1 次，AI 推代码）

Step 4 创建 GitHub 仓库 + 推送代码 👤 你只做 1 次
👤 你只做（约 30 秒）
  1. 打开 github.com/new
  2. 名称 first-project，选 Private，不勾 README → Create
  3. 把仓库 URL 粘贴给 AI
🤖 AI 做 git remote add + git push，以后每次更新也是 AI push。
💬 复制给 AI
「仓库地址是 https://github.com/你的用户名/first-project.git，帮我 push 上去。」

阶段 3 · Cloudflare Pages（你点几次，AI 负责后续）

Step 5 创建 Pages 项目连接 GitHub 👤 你只做 1 次
👤 你只做（约 2 分钟，一次性）

📍 Cloudflare Dashboard → Workers & Pages → Create → Pages → Connect to Git

  1. 授权 GitHub，选 first-project 仓库、main 分支
  2. Framework preset = None，Build command 留空，Output = /
  3. Save and Deploy
🤖 AI 做（此后永久自动） 每次 push 后 Cloudflare 约 15 秒自动部署，你不用再进后台。
⚠️ 必须选 Pages，不是 Workers。Framework 必须 None。
✅ 正式网址：first-project-5dd.pages.dev

阶段 4 · D1 数据库（你复制 ID，AI 配一切）

Step 6 创建双 D1 数据库 👤 你只做 1 次
👤 你只做（约 1 分钟）

📍 Cloudflare Dashboard → D1 SQL Database → Create（做两次）

  • 测试库名：test_first-project
  • 正式库名：prod_first-project
  • 各库 Overview 页复制 Database ID，粘贴给 AI
🤖 AI 做 写入 wrangler.toml、配置双环境绑定、建表、写 API — 全包。
💬 复制给 AI
「我在 D1 建了两个库：test_first-project ID 是 xxxx，prod_first-project ID 是 yyyy。帮我全部配置好，做提交测试功能，测试和正式库要隔离。」
库ID
test4b9d6cea-91ae-418d-90d6-edb520177117
prod97239782-526a-40b0-aa4b-42d0fe4ff7c7

阶段 5 · 后端与本地开发（AI 全包）

Step 7 wrangler.toml + package.json + npm install 🤖 AI 做
🤖 AI 做 创建配置文件、安装依赖、设置 remote = true 直连云端测试库（不用本地 SQLite）。
💬 若需强调
「不要用本地数据库，只用云端 test 和 prod 两个 D1。」
Step 8 建表 Migration 🤖 AI 做
🤖 AI 做 写 SQL 迁移文件 + 对 test / prod 两库执行 migrate。
👤 你只做（首次授权，点 1 下） AI 发起 Cloudflare 登录时，浏览器弹窗 → 点允许。
💬 复制给 AI
「帮我执行 db:migrate:test 和 db:migrate:prod。」
Step 9 后端 API + 前端对接 + 数据库列表 🤖 AI 做
🤖 AI 做
  • functions/api/submit.js — POST 写入 D1
  • functions/api/submissions.js — GET 读取列表
  • 改 index.html 对接 API + 主页显示记录
💬 复制给 AI
「把数据库内容显示在主页里。」
Step 10 本地 dev 服务器 + 环境入口 🤖 AI 做
🤖 AI 做 创建 scripts/dev-proxy.mjs、执行 npm run dev、加环境看板链接。
💬 复制给 AI
「帮我启动 dev 服务器，我不想碰终端。本地测试用 127.0.0.1:3000。」
👤 你只做 用 AI 给的链接（如 127.0.0.1:3002）在 Chrome/Edge 打开验收。不要用 Cursor 内置预览。

阶段 6 · 上线验收（你说一句话，AI 推代码）

Step 11 Commit + Push 部署上线 🤖 AI 做
🤖 AI 做 git add → commit → push，Cloudflare 自动部署。
💬 复制给 AI
「帮我 commit 并 push 到 GitHub。」
👤 你只做 等 30 秒，浏览器打开 正式网址 看对不对。
Step 12 验证双库隔离 👤 你只做
👤 你只做（纯浏览器，30 秒）
  1. 测试地址提交「哈哈哈」→ 列表里只有测试数据
  2. 正式地址提交「正式」→ 列表里只有正式数据
✅ 两库互不可见 = 隔离成功。
Step 13 本参考手册（当前页） 🤖 AI 做
🤖 AI 做 创建 setup-guide.html，主页加按钮，写分工说明。
💬 复制给 AI
「给主页加设置步骤按钮，标明 AI 和我各做什么，步骤要能折叠，尽量让我少干活。」

速查

👤 你一辈子只需做这些（其余全 AI）

次数你做什么在哪里
一次注册 GitHub + Cloudflare + 装 Cursor各官网
一次建文件夹，Cursor 打开电脑
一次GitHub 建空仓库，URL 给 AIgithub.com/new
一次Cloudflare Pages 连 GitHubCF Dashboard
一次D1 建两个库，ID 粘贴给 AICF Dashboard → D1
一次Cloudflare 登录授权点「允许」浏览器弹窗
每次浏览器打开链接验收Chrome / Edge
每次Cursor 对话框说话Cursor

💬 日常只需记住这几句

想…对 AI 说
改页面「把 XXX 改成 YYY」
加功能「帮我加 XXX 功能」
改数据库「加字段 XXX，migration 并部署」
上线「commit 并 push」
本地测试「启动 dev 服务器」
新对话@progress.md + 任务说明