进阶版(旧)
提示
这是旧版进阶内容(偏知识陈列)。由于我觉得仅仅的知识陈列缺少一些趣味,因此重做了新的进阶版;新版请前往 /Advanced/。
🚧 内部预览版本声明
本项目目前处于早期开发阶段,大部分内容皆为初稿,尚未经过全面的人工二次审核与校对。
完成基础篇的学习后,你可以在这里继续深入学习 AI 辅助开发的进阶技能。
推荐的整体开发流程
在 Vibe Coding 体系下,我们建议你用一套「AI 友好的」开发流程来完成一个项目,从想法到上线,大致可以拆解为以下步骤:
理清思路
把脑子里的想法先用自然语言写出来:目标用户是谁、要解决什么问题、希望看到什么结果,而不是一上来就写代码。写 PRD(需求文档)
用结构化的方式描述功能:背景、目标、用户故事、功能列表、非功能需求等,让自己和 AI 都知道要做什么、不做什么。写技术文档(技术方案草稿)
明确技术栈(例如 Next.js 16 + TypeScript + Prisma)、系统架构、关键数据结构、外部依赖(第三方 API、数据库、消息队列等)。多 AI 评审
把 PRD 和技术文档丢给多个 AI 进行「挑错」和补充:- 让 AI 帮你找需求里的漏洞和模糊点
- 让 AI 提出潜在风险和边界情况
- 让 AI 给出替代方案和改进建议
让 AI 反复向你发问
反转一下,让 AI 扮演「较真产品经理 / 架构师」,围绕你的方案不断提问,你负责回答并在文档中持续修正和补充。定稿 PRD 与技术方案
当问题基本被问透、主要风险都有对应方案后,将 PRD 和技术文档整理成一个「当前版本的定稿」,作为后续开发的单一事实来源。准备环境变量与基础设施
提前规划好环境变量和基础设施,例如:- 数据库连接、存储、第三方服务密钥
- 本地与线上环境的配置规范
.env文件的结构和管理方式
准备开发环境并初始化项目
按技术方案在本地搭建开发环境:- 初始化项目与基础目录结构
- 安装依赖、配置 Lint/Format、TypeScript 等
- 搭好最小可运行的骨架(首页、健康检查等)
让 AI 正式参与开发
基于 PRD 和技术文档驱动 AI:- 让 AI 帮你拆分任务和规划迭代顺序
- 让 AI 输出初版代码,你负责审阅与调整
- 每次改动都尽量和文档、需求保持一致
遇到不懂的功能就问
对于不熟悉的框架特性或语法,不要硬写:- 询问 AI 获取解释与示例
- 同时结合官方文档验证关键用法
引入外部 API 先看文档
当需要对接任意外部 API(支付、登录、AI 模型等)时:- 优先阅读官方文档和使用限制
- 再把关键信息转化成你项目里的「接口契约」,由 AI 帮你生成封装代码。
迭代优化
按照「小步快跑」的节奏迭代:- 先让功能正确,再优化体验与性能
- 用 AI 帮你做重构、命名优化、代码风格统一
Git 存档与文档更新
每一轮有意义的改动都应包含:- 提交代码到 Git(带上清晰的提交信息)
- 更新对应的 PRD、技术文档、接口说明
- 让仓库既是代码库,也是知识库
请先完成 基础篇 的学习。
进阶篇的定位:建立认知地图与协作语料
本进阶篇不要求你必须亲自手写每一行代码,也不追求让你成为每一个技术领域的专家。它的核心作用在于:
帮你理清概念,建立心理预期
让你知道在全栈开发过程中会遇到哪些环节、哪些名词(如 Prisma、ORM、Middleware、Server Actions 等),它们各自起什么作用。当问题出现时,你知道它属于哪个范畴,应该去哪里找答案。让你更好地指挥 AI
当你理解了这些概念和流程,你就不再是只能说“帮我写个网站”的小白,而是能说出“请用 Next.js 16 App Router + Prisma 实现用户认证,注意处理 Session”的指挥官。你知道的越多,给 AI 的指令就越精准,AI 产出的代码质量就越高。提供可供 AI 参考的“范例库”
文档中的代码示例和最佳实践,不仅仅是给你看的,更是给你未来的 AI 助手看的。在开发时,你可以直接把这些文档或代码段丢给 AI,告诉它:“请参考这个模式来实现我的功能”。
简而言之:
这里的学习是为了让你**“懂行”**,从而更好地与 AI 协作,而不是为了让你变成一个脱离 AI 也能默写代码的传统程序员。请带着这种心态,轻松地开始进阶之旅。
目前的章节主要以文字和核心概念为主,具体的实操演示、完整项目演练等,将在后续的「实践篇」中逐步展开。请保持关注,期待接下来的实践部分更新。
