docs: update image paths and README content
- Update image paths in documentation files to use relative paths - Enhance README content with more detailed descriptions of chapters - Fix sidebar link for CLI AI coding tools
This commit is contained in:
@@ -56,39 +56,39 @@
|
||||
|
||||
| 难度 | 章节 | 关键内容 | 状态 |
|
||||
| ---- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------- | ---- |
|
||||
| 初 | [Project 1: 如何构建贪吃蛇游戏](https://github.com/datawhalechina/easy-vibe/blob/main/docs/project/chapter1/chapter1-how-to-build-a-snake-game.md) | 结合 AI 与代码实现经典贪吃蛇游戏 | ✅ |
|
||||
| 初 | [Project 2: 探索 AI 工具的能力边界](https://github.com/datawhalechina/easy-vibe/blob/main/docs/project/chapter2/chapter2-reach-the-capability-boundaries-of-ai-tools.md) | 系统体验与分析不同 AI 工具的能力边界 | ✅ |
|
||||
| 初 | [Project 3: Dify 入门与知识库集成](https://github.com/datawhalechina/easy-vibe/blob/main/docs/project/chapter3/chapter3-getting-started-with-dify-and-its-knowledge-base-integration.md) | 使用 Dify 搭建应用并完成知识库集成 | ✅ |
|
||||
| 中 | [Project 4: 一起做霍格沃茨画像](https://github.com/datawhalechina/easy-vibe/blob/main/docs/project/chapter4/chapter4-lets-build-hogwarts-portraits.md) | 基于多模态能力生成与迭代人物画像 | ✅ |
|
||||
| 中 | [Project 5: 从数据库到 Supabase](https://github.com/datawhalechina/easy-vibe/blob/main/docs/project/chapter5/chapter5-from-database-to-supabase.md) | 从传统数据库迁移到 Supabase 并完成应用接入 | ✅ |
|
||||
| 中 | [Project 6: 别急着写代码,先想一个好点子](https://github.com/datawhalechina/easy-vibe/blob/main/docs/project/chapter6/chapter6-no-code-without-an-idea.md) | 产品思维入门,从 0 构思并实现一个原生 AI 应用原型,涉及第一个应用 | ✅ |
|
||||
| 高 | Project 7: 构建第一个现代应用程序-UI设计 | 学会更高级的前端组件库的使用方式,前端编辑工具的深入用法,学习设计规范 | 🚧 |
|
||||
| 高 | Project 8: 构建第一个现代应用程序-功能设计 | 市场调研、学习产品 PRD 构建、深入理解产品原型设计、构架多页面产品原型和代码 | 🚧 |
|
||||
| 高 | Project 9: 构建第一个现代应用程序-全栈应用 | 构建与部署带鉴权与独立后端的应用、从参考到设计开发出可上线网页应用的完整闭环 | 🚧 |
|
||||
| 初 | [Project 1: 如何构建贪吃蛇游戏](https://github.com/datawhalechina/easy-vibe/blob/main/docs/project/chapter1/chapter1-how-to-build-a-snake-game.md) | Vibe Coding 基础、z.ai 工具链、提示词编程、贪吃蛇游戏实战 | ✅ |
|
||||
| 初 | [Project 2: 探索 AI 工具的能力边界](https://github.com/datawhalechina/easy-vibe/blob/main/docs/project/chapter2/chapter2-reach-the-capability-boundaries-of-ai-tools.md) | 提示词工程、上下文工程、Coze 平台、超级井字棋复刻、LLM 训练原理 | ✅ |
|
||||
| 初 | [Project 3: Dify 入门与知识库集成](https://github.com/datawhalechina/easy-vibe/blob/main/docs/project/chapter3/chapter3-getting-started-with-dify-and-its-knowledge-base-integration.md) | RAG 检索增强生成、Dify 平台实战、知识库集成、Agent Workflow 编排 | ✅ |
|
||||
| 中 | [Project 4: 一起做霍格沃茨画像](https://github.com/datawhalechina/easy-vibe/blob/main/docs/project/chapter4/chapter4-lets-build-hogwarts-portraits.md) | 前端原型设计、角色扮演 Agent、情绪反馈机制、Dify API 集成、网页部署 | ✅ |
|
||||
| 中 | [Project 5: 从数据库到 Supabase](https://github.com/datawhalechina/easy-vibe/blob/main/docs/project/chapter5/chapter5-from-database-to-supabase.md) | Supabase 后端服务、数据库与 JSON、用户鉴权系统、前后端分离架构 | ✅ |
|
||||
| 中 | [Project 6: 别急着写代码,先想一个好点子](https://github.com/datawhalechina/easy-vibe/blob/main/docs/project/chapter6/chapter6-no-code-without-an-idea.md) | 产品思维 (Product Sense)、用户需求挖掘、PMF 验证、AI 应用构思 | ✅ |
|
||||
| 高 | Project 7: 构建第一个现代应用程序-UI设计 | 前端组件库应用、前端编辑工具进阶、UI 设计规范 | 🚧 |
|
||||
| 高 | Project 8: 构建第一个现代应用程序-功能设计 | 市场调研、产品 PRD 构建、原型设计深度解析、多页面架构设计 | 🚧 |
|
||||
| 高 | Project 9: 构建第一个现代应用程序-全栈应用 | 全栈应用构建、独立后端鉴权、从设计到上线闭环 | 🚧 |
|
||||
|
||||
### 扩展知识部分
|
||||
|
||||
| 难度 | 章节 | 关键内容 | 状态 |
|
||||
| ---- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- | ---- |
|
||||
| 初 | [扩展知识 1: 什么是 Git 和 GitHub](https://github.com/datawhalechina/easy-vibe/blob/main/docs/extra/extra1/extra1-what-is-git-and-what-is-github.md) | 版本控制基础与 GitHub 使用入门 | ✅ |
|
||||
| 初 | [扩展知识 2: 什么是 API](https://github.com/datawhalechina/easy-vibe/blob/main/docs/extra/extra2/extra2-what-is-api.md) | API 基本概念与在 AI 应用中的使用方式 | ✅ |
|
||||
| 初 | [扩展知识 3: AI 能力入门手册](https://github.com/datawhalechina/easy-vibe/blob/main/docs/extra/extra3/extra3-ai-capability-starter-handbook.md) | 关于深度学习 AI 涉及到的所有主流模型与常见能力速览 | ✅ |
|
||||
| 初 | [扩展知识 4: 什么是 AI IDE 和 Trae](https://github.com/datawhalechina/easy-vibe/blob/main/docs/extra/extra4/extra4-what-is-ai-ide-and-trae.md) | 了解 AI IDE 概念并上手 Trae 辅助开发 | ✅ |
|
||||
| 中 | [扩展知识 5: 什么是 RAG 以及它如何工作](https://github.com/datawhalechina/easy-vibe/blob/main/docs/extra/extra5/extra5-what-is-rag-and-how-does-it-work-and-future.md) | RAG 原理、实现路径及未来演进方向 | ✅ |
|
||||
| 中 | [扩展知识 6: Zeabur 与 Web 应用部署](https://github.com/datawhalechina/easy-vibe/blob/main/docs/extra/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications.md) | 使用 Zeabur 将 Web 与 AI 应用部署上线 | ✅ |
|
||||
| 中 | [扩展知识 7: CLI AI 编程工具与测试驱动开发原则](https://github.com/datawhalechina/easy-vibe/blob/main/docs/extra/extra7/extra9-cli-ai-coding-tools-and-the-principles-of-test-driven-development.md) | CLI AI 编程工具与测试驱动开发原则 | ✅ |
|
||||
| 中 | 扩展知识 8: MCP 与 ClaudeCode skills | MCP 与 ClaudeCode skills 的概念与方式深入解析 | 🚧 |
|
||||
| 高 | 扩展知识 9: 如何让 Coding Tools 长时间工作 | 如何通过配置让 ClaudeCode、Codex 等 CLI 工具连续工作数小时 | 🚧 |
|
||||
| 初 | [扩展知识 1: 什么是 Git 和 GitHub](https://github.com/datawhalechina/easy-vibe/blob/main/docs/extra/extra1/extra1-what-is-git-and-what-is-github.md) | Git 版本控制、GitHub 协作流程、代码仓库管理、SSH 配置 | ✅ |
|
||||
| 初 | [扩展知识 2: 什么是 API](https://github.com/datawhalechina/easy-vibe/blob/main/docs/extra/extra2/extra2-what-is-api.md) | API 原理与机制、接口请求/响应、第三方服务集成、HTTP 基础 | ✅ |
|
||||
| 初 | [扩展知识 3: AI 能力入门手册](https://github.com/datawhalechina/easy-vibe/blob/main/docs/extra/extra3/extra3-ai-capability-starter-handbook.md) | AI 能力全景图、主流模型选型 (LLM/图像/语音)、多模态应用 | ✅ |
|
||||
| 初 | [扩展知识 4: 什么是 AI IDE 和 Trae](https://github.com/datawhalechina/easy-vibe/blob/main/docs/extra/extra4/extra4-what-is-ai-ide-and-trae.md) | AI IDE 概念、Trae 工具实战、智能代码补全、Agent 辅助调试 | ✅ |
|
||||
| 中 | [扩展知识 5: 什么是 RAG 以及它如何工作](https://github.com/datawhalechina/easy-vibe/blob/main/docs/extra/extra5/extra5-what-is-rag-and-how-does-it-work-and-future.md) | RAG 技术原理、文档切片与索引、向量检索机制、幻觉消除 | ✅ |
|
||||
| 中 | [扩展知识 6: Zeabur 与 Web 应用部署](https://github.com/datawhalechina/easy-vibe/blob/main/docs/extra/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications.md) | Web 应用部署、Zeabur 平台、环境与域名配置、项目上线 | ✅ |
|
||||
| 中 | [扩展知识 7: CLI AI 编程工具与测试驱动开发原则](https://github.com/datawhalechina/easy-vibe/blob/main/docs/extra/extra7/extra9-cli-ai-coding-tools-and-the-principles-of-test-driven-development.md) | CLI AI 编程工具、Claude Code/Codex、测试驱动开发 (TDD) | ✅ |
|
||||
| 中 | 扩展知识 8: MCP 与 ClaudeCode skills | MCP 协议、ClaudeCode Skills、工具扩展机制 | 🚧 |
|
||||
| 高 | 扩展知识 9: 如何让 Coding Tools 长时间工作 | 自动化开发配置、长时间任务管理、CLI 工具稳定性优化 | 🚧 |
|
||||
|
||||
### 实践项目部分
|
||||
|
||||
该部分将会覆盖常见电脑应用形式的 0-1 Vibe Coding 开发过程。
|
||||
|
||||
| 难度 | 章节 | 关键内容 | 状态 |
|
||||
| ---- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------- | ---- |
|
||||
| 中 | [Example 1: 如何构建微信小程序](https://github.com/datawhalechina/easy-vibe/blob/main/docs/examples/example1/example1-how-to-build-a-wechat-miniprogram.md) | 使用 vibe coding 从 0 到 1 构建微信小程序 | ✅ |
|
||||
| 中 | Example 2: 如何构建微信小程序-包含后端 | 使用 vibe coding 从 0 到 1 构建具有后端数据库的微信小程序 | 🚧 |
|
||||
| 高 | Example 3: 如何构建安卓程序 | 结合 Expo,使用 vibe coding 从 0 到 1 构建安卓应用并上架 | 🚧 |
|
||||
| 难度 | 章节 | 关键内容 | 状态 |
|
||||
| ---- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---- |
|
||||
| 中 | [Example 1: 如何构建微信小程序](https://github.com/datawhalechina/easy-vibe/blob/main/docs/examples/example1/example1-how-to-build-a-wechat-miniprogram.md) | 了解微信小程序生态与开发链路,结合 **Trae** + **HBuilderX** + **微信开发者工具**,通过 AI 辅助从环境搭建到代码生成,全流程开发**贪吃蛇小程序**。 | ✅ |
|
||||
| 中 | Example 2: 如何构建微信小程序-包含后端 | 使用 vibe coding 从 0 到 1 构建具有后端数据库的微信小程序 | 🚧 |
|
||||
| 高 | Example 3: 如何构建安卓程序 | 结合 Expo,使用 vibe coding 从 0 到 1 构建安卓应用并上架 | 🚧 |
|
||||
|
||||
## 如何学习
|
||||
|
||||
|
||||
Reference in New Issue
Block a user