feat(docs): add example0 tutorials and update sidebar

docs: add example0-1 and example0-2 tutorial markdown files with images
chore: update sidebar and readme to include new example0 sections
style: fix formatting in index.html and README.md
This commit is contained in:
sanbuphy
2026-01-04 15:39:37 +08:00
parent a46c94a082
commit 4a67933ffc
65 changed files with 650 additions and 4 deletions
+2
View File
@@ -100,6 +100,8 @@
| 难度 | 章节 | 关键内容 | 状态 |
| ---- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---- |
| 初 | [Example 0-1: Vibe Coding 入门与贪吃蛇游戏实战](https://github.com/datawhalechina/easy-vibe/blob/main/docs/examples/example0/example0-1/vibe-coding-tools-snake-game-tutorial.md) | 认识 Vibe Coding 与在线 AI Agent 编码平台,学习提示词编写方法,对比不同平台 vibe coding 贪吃蛇游戏的效果。 | ✅ |
| 初 | [Example 0-2: 使用 AI 设计与编码 Agent 搭建网站](https://github.com/datawhalechina/easy-vibe/blob/main/docs/examples/example0/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | 使用设计 Agent + 编码 Agent,从零完成 Logo 设计、网站结构规划与单页网站搭建全流程。 | ✅ |
| 中 | [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 构建安卓应用并上架 | 🚧 |