准备篇Paid
怎么在这门课里快速高效拿结果?
Hi,我是彭涛。先把丑话说在前面:这门课不是为了把你训练成“全栈高级工程师”,而是为了尽快拿到结果——做出网站、拿到流量、赚到钱。其他一切,都为这个目标让路。
我怎么学(你可以直接照抄)
- 用对工具:优先国外主流模型(我日常主力是最新的 ChatGPT 付费版;体感更稳、更少跑偏)。有 Gemini/Claude Code 也都 OK。
- 高频使用:我每天会和 AI 对话接近 100 次。新同学从 20–50 次/天起步,把问题拆小:问 → 试 → 改 → 再问。
- 深浅拿捏:课程讲主线与关键节点;“细枝末节”交给 ChatGPT 或搜索个性化补齐,避免被工程细节拖慢。
- 社群多问:不会就问,别硬扛。把你做了什么、卡在哪、想要什么结果说清楚,带上截图/报错/链接。
- 人机分工:≈95% 代码交给 AI 写;人专注于需求定义、验收把关、关键设计取舍、安全与部署这 5% 的“方向盘”。
标准工作流(0→1 全流程)
- ChatGPT 澄清需求:目标、里程碑、验收标准、接口/数据结构、非功能约束。让它先追问把坑补齐。
- 生成 PRD:要求结构化(表格/列表)+ 可执行(带示例/样例数据)。
- 交给 V0:生成原型网站(页面骨架、路由、组件)。
- 下载代码:落库到 Git 仓库,写好 README 与本地运行步骤。
- 用 Cursor / Claude Code 编辑:继续“让 AI 写”——补全逻辑、重构、加单测、接三方服务。
- 部署与复盘:上 Vercel/Netlify;开日志与埋点;收集反馈;进入下一轮迭代。
心法:把人力用在“定义问题与验收”,让 AI 负责大部分实现。
二八学习法 & 必要基础(20% 清单)
只学“刚好能跑通”的 20%,撬动 80% 产出:
- Git 基本操作;npm/pnpm 与脚手架;项目目录与模块化
- HTML 语义化 & 基础 CSS/Tailwind
- JS/TS 核心:异步、fetch、数组/对象常用操作
- API/JSON/HTTP 状态码
- 环境变量与密钥管理(.env)
- 部署与日志(Vercel/Netlify)
- 简单数据存储与鉴权(如 Supabase)
建议为 ChatGPT 建“个人项目档案”:你的技术栈、项目目标、目录结构、风格偏好、禁用项等,让它记住你,回答更贴近你。
两个月路线|5 站 × 0→1 练级法
不是做一个大站两个月,而是连续做 5 个小站,每站 2–3 天闭环:
ChatGPT 需求 → PRD → V0 原型 → 下载代码 → Cursor/Claude Code 补齐 → 部署上线 → 复盘。
### 周度节奏(建议)
+ **W1–W2(打基础 + 2 个速成站)**
- 站①:着陆页 + 埋点(页面骨架、首屏文案、事件追踪)
- 站②:表单收集 + 数据库(Supabase)+ 邮件通知
- 目标:把“从聊需求到上线”的全流程**跑熟两次**
+ **W3–W4(功能升级 + 第 3 个站)**
- 站③:**AI 小工具**(如文案改写/摘要/图像压缩等一个点),含最小鉴权
- 目标:打通**第三方 API 接入 + 错误处理 + 日志**
+ **W5–W6(商业闭环 + 第 4 个站)**
- 站④:**支付闭环**(Stripe Checkout:一次性购买/付费下载/开通额度)
- 目标:完成“**下单→兑现**”的端到端闭环(含 Webhook/发货逻辑)
+ **W7–W8(会员化 + 第 5 个站 + 总复盘)**
- 站⑤:**会员/订阅页**(登录、用量限制、简单仪表盘)
- 目标:把前面沉淀的组件/脚手架拉通为**小而完整的 SaaS 雏形**;统一文档与案例集
### 每