⏱ 本页预计时间
阅读 5 分钟
第 5 章：实战项目开发
从体验到上线的闭环能力
AI 编程的魅力在于「所见即所得」。只要你敢把需求描述清楚，AI 就能帮你把项目从 0 跑到 1。本章的 5 个实战项目覆盖了从静态页面、浏览器环境、数据抓取、后端 API 到可对外售卖的网站的完整闭环。
📐 本章的 3 层能力
按照顺序练习可以建立三层核心能力：
- 表达需求：能够把模糊想法拆成模块、状态、输入输出,写在 Prompt 里让 AI 明白你要什么。复杂想法拆到 prompt、准确描述 bug。
- 调试与交付：能在浏览器、终端、第三方平台里定位问题并验证结果。熟悉 DevTools、日志、部署平台的调试手段。
- 运营与迭代：把 demo 放到线上，接入域名、数据分析，持续优化，而不是做完 Demo 就结束。
🗺️ 项目全景图
| 项目 | 主要栈/工具 | 核心能力 | 完成后的交付物 |
|---|---|---|---|
| 5.1 简单网站 | Lovable.dev / Cursor + Vercel | Prompt 工程、组件微调 | 可访问的个人页/功能页 |
| 5.2 浏览器插件 | Cursor/Trae + Chrome DevTools | Manifest V3、前端调试 | 插件源代码 + Chrome 本地安装包 |
| 5.3 爬虫 | Claude Code/Cursor + Python | DOM 解析、增量抓取、数据存储 | 可重复运行的爬虫脚本/界面 |
| 5.4 带后端服务的页面 | FastAPI + Replit/自托管 + 前端 | 后端 API、鉴权、前后端联调 | 可调用的 API + 前端上传/展示界面 |
| 5.5 SEO 友好的网站 | Cursor + GitHub + Vercel | SEO 规范、部署与运营 | 绑定域名、可追踪的线上网站 |
正在检查访问权限...
学习进度0%
0/60 篇已完成
Last updated on