0.6 学习路径与技能树
起点不同，别等「都学完」才动手。挑最贴合你现状的节奏，先做出第一个成果，信心会涨得很快。
路径 1: 快速上手(推荐新手)
目标: 1-2 周内做出第一个网站
第 0 章： 建立心智模型
⏱️ 预计 1 小时
建立正确的 AI 编程思维方式
第 1 章： 安装必备工具
⏱️ 预计 2 小时
配置开发环境和必要工具
第 2 章： 学会用 Cursor/Trae
⏱️ 预计 3 小时
掌握 AI 编程工具的基本使用
第 3 章： 跟随教程做第一个网站
⏱️ 预计 5 小时
完成第一个实战项目
成果
✅ 一个可以访问的个人网站
适合人群: 完全零基础，想快速上手的新手
📅 7 天详细挑战计划（每天 2-3 小时）
目标明确：7 天后，你将拥有一个可以访问的个人网站，并掌握基本的 AI 编程技能！
时间安排：建议工作日每天晚上 2 小时，周末每天 3-4 小时。
Day 1: 建立认知 + 工具准备（2 小时）
上午/晚上：
- 30 分钟：阅读 为什么 AI 时代人人都能编程
- 30 分钟：下载并安装 Cursor
- 30 分钟：注册必要账号（GitHub, Vercel）
- 30 分钟：完成 Cursor 的 Hello World 测试
成果：✅ 工具装好，账号注册完成
如果卡住了：查看 卡住了怎么办
Day 2: 熟悉 Cursor 基础操作（2-3 小时）
重点内容:
- 1 小时: 学习 Cursor 使用指南 的前半部分
- 30 分钟: 练习 Cmd+L 对话功能
- 30 分钟: 练习 Cmd+K 快速编辑
- 30 分钟: 让 AI 写一个简单的 HTML 页面并在浏览器打开
成果: ✅ 能熟练使用 Cursor 的基本功能
练习项目: 让 AI 帮你写一个「自我介绍」的网页(只有 HTML，不需要 CSS)
Day 3: 理解 Web 基础概念 (2 小时)
重点内容:
- 1 小时: 快速浏览 Web 基础： HTML/CSS/JavaScript
- 不要背！只需要知道它们是干什么的
- 1 小时: 用 Cursor 改进昨天的自我介绍网页，添加 CSS 样式
成果: ✅ 理解 HTML/CSS 的基本作用，能看懂代码结构
练习项目: 让网页变得「好看一点」 - 添加背景色、调整字体、居中显示
Day 4: 开始第一个真正的项目 (3 小时)
重点内容:
- 30 分钟: 学习 Next.js 核心概念 (快速浏览，不求完全理解)
- 2.5 小时: 跟着教程做第一个 Next.js 项目
项目: 个人作品集网站 (3 页)
- 首页： 简单介绍
- 关于页： 详细个人信息
- 联系页： 联系方式
成果: ✅ 一个 3 页的 Next.js 网站在本地跑起来了
重要: 不要追求完美！先做出来，哪怕很丑！
Day 5: 完善网站内容和样式 (3 小时)
重点内容:
- 2 小时: 用 Cursor 优化网站样式
- 让 AI 帮你选择配色方案
- 添加响应式设计(手机端也能看)
- 调整布局让页面更美观
- 1 小时: 替换成自己的真实内容
- 个人照片
- 真实的自我介绍
- 你的技能和经历
成果: ✅ 一个看起来还不错的个人网站
练习: 让 AI 给你 3 个不同的设计方案，选一个最喜欢的
Day 6: 部署上线 (2 小时)
重点内容:
- 30 分钟: 学习 Git 与 GitHub 基础
- 30 分钟: 把代码推送到 GitHub
- 30 分钟: 部署到 Vercel
- 30 分钟: 测试线上网站，修复 bug
成果: ✅ 网站上线，有一个可以分享的网址！
里程碑: 🎉 恭喜！你的第一个网站上线了！分享给朋友看看！
Day 7: 复盘和下一步 (2 小时)
复盘:
- 30 分钟: 回顾这一周学到了什么
- 30 分钟: 记录遇到的问题和解决方案
- 30 分钟: 思考：还想添加什么功能？
下一步规划:
- 30 分钟: 制定第 2 周学习计划
- 继续优化这个网站？
- 开始做第 2 个项目？
- 学习更高级的功能？
成果: ✅ 完成第一个 7 天挑战，建立信心！
🎯 7 天挑战 - 成功检查清单
完成以下所有项，你就算成功完成挑战：
- ✅ Cursor 能熟练使用了(至少会 Cmd+L 和 Cmd+K)
- ✅ 做出了一个 3 页的网站
- ✅ 网站成功部署到 Vercel，有公开网址
- ✅ 能看懂基本的 HTML/CSS 代码
- ✅ 知道遇到报错该怎么处理
- ✅ 敢跟 AI 对话提需求了
如果完成了所有✅: 恭喜！你已经超过 90%停留在「准备学」的人了！
如果没完全完成: 也没关系！延长到 10-14 天也很正常。重要的是持续前进，不要放弃！
下一步: 继续做 2-3 个类似的小项目巩固，然后进入 路径 2: 全面掌握
路径 2: 全面掌握(系统学习)
目标: 1-2 个月掌握完整技能栈
适合人群: 有时间系统学习，希望全面掌握技能的学习者
路径 3: 商业化优先(赚钱导向)
目标: 最快速度做出能赚钱的产品
第 0 章： 理解商业逻辑
建立产品思维和商业意识
第 7 章： 需求挖掘与竞品分析
搞懂用户为什么买单
第 2-3 章： 快速掌握开发技能
学习必要的技术知识
第 6 章： 部署上线与 SEO 优化
让产品被更多人发现
成果
✅ 一个有流量、能变现的网站
适合人群: 以赚钱为主要目标，想快速变现的创业者
AI 编程技能树
从零基础到独立开发者，这是你的成长路线图。每个等级都有明确的技能要求和里程碑项目。
使用说明:
- 不需要按顺序解锁，可以跳级挑战
- 每个等级的「里程碑项目」是检验标准
- 卡住超过 2 天？降一级，先把基础打牢
技能树全景图
Lv1: 入门级 (1-2 周)
核心目标: 能用 AI 工具把想法变成可运行的代码
必备技能
工具使用:
- ✅ 熟练使用 Cursor 或 Claude Code
- ✅ 会用 Cmd+L 对话和 Cmd+K 编辑
- ✅ 能看懂基本的 HTML/CSS 代码
AI 协作:
- ✅ 会描述需求让 AI 写代码
- ✅ 能根据报错信息提问
- ✅ 知道如何验收 AI 的代码
关键知识点
| 知识点 | 掌握程度 | 验收标准 |
|---|---|---|
| 终端基础 | 会用基本命令 | 能运行npm install和npm run dev |
| Git 基础 | 知道是什么 | 能把代码推送到 GitHub |
| 网页基础 | 理解 HTML/CSS/JS 的作用 | 能看懂代码结构，知道改哪里 |
| 问题解决 | 会查错和提问 | 遇到报错能自己解决 50% |
里程碑项目： 第一个网站上线
项目要求:
- 一个 3 页的个人作品集网站 (首页+关于+联系)
- 部署到 Vercel，有可访问的网址
- 在手机和电脑上都能正常显示
- 用时： 1-2 周 (每天 2-3 小时)
成功标志: 能把网址分享给朋友，他们打开能看到内容
推荐学习路径: 7 天快速上手挑战
Lv2: 熟练级 (1-2 个月)
核心目标: 能独立完成从需求到上线的完整流程
必备技能
前端开发:
- ✅ 理解 React 组件概念
- ✅ 会用 Next.js 创建多页面网站
- ✅ 能实现响应式布局
后端基础:
- ✅ 理解 API 的概念
- ✅ 会对接第三方 API
- ✅ 能处理表单提交
部署运维:
- ✅ 熟练使用 Git 工作流
- ✅ 会配置域名和环境变量
- ✅ 能读懂构建日志排查问题
关键知识点
| 知识点 | 掌握程度 | 验收标准 |
|---|---|---|
| Next.js | 会用核心功能 | 能创建动态路由、使用客户端/服务端组件 |
| API 集成 | 会对接常见 API | 能接入 OpenAI API、支付 API 等 |
| 数据库 | 知道基本概念 | 能用 AI 帮助下实现 CRUD 功能 |
| 调试技巧 | 会用浏览器开发者工具 | 能通过 Console 找到 50%的 bug |
里程碑项目： 独立完成完整产品
项目要求:
- 一个有实用价值的工具网站 (如： AI 写作助手、图片压缩工具)
- 包含用户输入、数据处理、结果展示的完整流程
- 对接至少 1 个第三方 API
- 有基本的错误处理和加载状态
- 用时： 1-2 个月 (每周 10-15 小时)
成功标志: 自己日常会用这个工具，并且推荐给 3 个朋友也在用
推荐学习路径: 全面掌握系统学习
Lv3: 高级 (3-6 个月)
核心目标: 能做出有用户使用的产品，并持续优化
必备技能
性能优化:
- ✅ 会分析页面加载速度
- ✅ 能优化 Core Web Vitals
- ✅ 理解图片/代码优化策略
SEO 优化:
- ✅ 会做关键词研究
- ✅ 能优化页面 Meta 标签
- ✅ 理解 Google 排名因素
用户体验:
- ✅ 会收集用户反馈
- ✅ 能用数据指导优化
- ✅ 理解转化率优化(CRO)
关键知识点
| 知识点 | 掌握程度 | 验收标准 |
|---|---|---|
| 性能监控 | 会用分析工具 | PageSpeed Insights 跑分>90 |
| SEO 实战 | 能获取自然流量 | Google Search Console 有曝光 |
| 竞品分析 | 会挖掘需求 | 能找到 3 个可优化的竞品痛点 |
| 数据分析 | 会看核心指标 | 能根据 GA4 数据做优化决策 |
里程碑项目： 有真实流量的产品
项目要求:
- 一个解决明确痛点的 SaaS 产品
- 完成 SEO 优化，Google 有收录
- 每周有至少 50 个自然访问用户
- PageSpeed Insights 移动端跑分>85
- 用时： 3-6 个月 (持续迭代)
成功标志:
- Google Analytics 显示每周有新用户注册
- 有用户主动发邮件提需求或报 bug
推荐学习路径: 商业化优先路径
Lv4: 专家级 (6-12 个月)
核心目标: 能做出赚钱的产品，并规模化运营
必备技能
商业化:
- ✅ 会设计变现模式
- ✅ 能接入支付系统
- ✅ 理解用户获取成本(CAC)
增长策略:
- ✅ 会做内容营销
- ✅ 能运营社交媒体
- ✅ 理解 Product-Market Fit
技术架构:
- ✅ 会设计可扩展系统
- ✅ 能处理高并发场景
- ✅ 理解成本优化策略
关键知识点
| 知识点 | 掌握程度 | 验收标准 |
|---|---|---|
| 支付集成 | 会接入 Stripe/PayPal | 能完整处理支付流程和退款 |
| 邮件营销 | 会搭建自动化流程 | 有 welcome/onboarding 邮件序列 |
| A/B 测试 | 会做实验优化转化 | 能提升至少一个关键指标 10% |
| 社群运营 | 会维护用户社区 | 有 100+付费用户群或 Discord |
里程碑项目： 赚到第一笔钱
项目要求:
- 一个有明确商业模式的产品 (订阅/一次性付费/广告)
- 成功接入支付系统，处理过真实交易
- MRR(月经常性收入)>500
- 有自动化的营销和转化漏斗
- 用时： 6-12 个月 (含产品打磨+营销)
成功标志:
- Stripe 后台有真实收入记录
- 有至少 10 个付费用户
- 产品能在无人值守的情况下持续产生收入
推荐资源: 第一个 1 美金实操指南
技能提升建议
如何知道自己在哪个等级？
简单测试:
- Lv1: 给你一个网页设计图，你能让 AI 做出来并上线 → 是 ✅ / 否 ❌
- Lv2: 给你一个需求 (如「做一个 URL 缩短工具」)，你能在 3 天内做出来 → 是 ✅ / 否 ❌
- Lv3: 你做的网站每周有>50 个自然访问用户 → 是 ✅ / 否 ❌
- Lv4: 你的产品每月能赚到>$100 → 是 ✅ / 否 ❌
第一个「否」出现的地方，就是你的当前等级。
跨越等级的关键
| 从 → 到 | 最大障碍 | 突破方法 |
|---|---|---|
| Lv0 → Lv1 | 不敢开始 | 先做一个超简单的项目 (1 页网站) |
| Lv1 → Lv2 | 遇到复杂需求就卡住 | 把大需求拆成 10 个小任务，逐个击破 |
| Lv2 → Lv3 | 做出来没人用 | 先有用户痛点，再做产品 (顺序反过来！) |
| Lv3 → Lv4 | 不知道怎么赚钱 | 学习 3 个同类产品的变现模式，选最简单的 |
快速升级的 3 个建议
1. 做项目 > 看教程
每学一个知识点，立即用在自己的项目上。看 100 小时视频不如做 10 小时项目。
2. 发布 > 完美
Lv1→Lv2 的人最容易犯的错误： 一个项目做 3 个月还没上线。每周都要发布一个新版本，哪怕很烂。
3. 公开 > 私藏
把你的项目链接发到 Twitter/小红书/朋友圈。真实用户的 1 条反馈 > 你自己测试 100 遍。
常见问题
Q: 我是 Lv1，可以直接做 Lv3 的项目吗？
A: 可以尝试，但大概率会卡住。建议： 先用 Lv1 的技能做一个超简化版 (MVP)，验证需求后再迭代。
Q: 卡在某个等级很久了怎么办？
A:
- 检查是不是里程碑项目选得太难，换一个更小的目标
- 看看是不是某个基础技能有漏洞，回上一级补课
- 找个同等级的伙伴互相 review 代码
Q: Lv4 之后还有什么？
A:
- Lv5 (未来更新): 构建被动收入矩阵 (多个产品，MRR >$1000)
- Lv6 (未来更新): 技术+社群+个人品牌三位一体 (MRR >$10000)
现在专注在 Lv1-Lv4，这已经能让你超过 95%的人了。
小提示: 不管选哪条路，都别闷头学。把进度发到朋友圈/社群，既能拿反馈，也能逼自己行动。
下一节: 常见问题 FAQ - 解答你的疑虑。