refactor: unify all language versions to use index.md instead of intro.md

- Rename stage-2/intro.md to stage-2/index.md for all languages
- Rename stage-3/intro.md to stage-3/index.md for all languages
- Rename appendix/intro.md to appendix/index.md for all languages
- Update config.mjs navigation links to use /stage-2/ and /stage-3/ instead of /stage-2/intro and /stage-3/intro
- This follows VitePress best practice where index.md is the default page for a directory
This commit is contained in:
sanbuphy
2026-02-19 00:19:14 +08:00
parent 0eba9e87e9
commit f1d1b95a8f
29 changed files with 219 additions and 0 deletions
+126
View File
@@ -0,0 +1,126 @@
# 初中级开发
欢迎来到 **初中级开发** 阶段!在这里,你将深入全栈开发,掌握前端组件化、数据库设计、后端 API 开发与部署上线。
## 你将学到什么
### 前端开发
掌握现代前端开发,学习组件库与设计工具的使用:
<NavGrid>
<NavCard
href="/easy-vibe/zh-cn/stage-2/frontend/2.0-lovart-assets/"
title="前端零:使用 Lovart 生产素材"
description="学习如何使用 Lovart 等 AI 工具快速生成高质量的游戏素材与 UI 资源"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-2/frontend/2.1-figma-mastergo/"
title="前端一:Figma 与 MasterGo 入门"
description="掌握专业 UI 设计工具的基础操作,从设计稿到代码的协作流程"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-2/frontend/2.2-ui-design/"
title="前端二:构建第一个现代应用程序 - UI 设计"
description="从零开始设计一个现代 Web 应用的界面,实践 UI 设计原则"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-2/frontend/2.3-multi-product-ui/"
title="前端三:参考 UI 设计规范与多产品 UI 设计"
description="学习主流 UI 设计规范,提升产品设计的一致性与美感"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/"
title="前端四:一起做霍格沃茨画像"
description="实战项目:结合 AI 生成的图像,构建一个交互式的霍格沃茨画像应用"
/>
</NavGrid>
### 后端与全栈
学习 API 设计、数据库管理以及应用部署策略:
<NavGrid>
<NavCard
href="/easy-vibe/zh-cn/stage-2/backend/2.1-what-is-api/extra2/"
title="后端一:什么是 API"
description="理解 API 的核心概念,它是前后端交互的桥梁"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/"
title="后端二:从数据库到 Supabase"
description="掌握关系型数据库基础,并学习使用 Supabase 这一现代 BaaS 平台"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-2/backend/2.3-ai-interface-code/"
title="后端三:大模型辅助编写接口代码与接口文档"
description="利用 AI 辅助生成后端接口代码及标准的接口文档,提升开发效率"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-2/backend/2.4-git-workflow/extra1/"
title="后端四:Git 工作流"
description="掌握 Git 版本控制系统的核心操作与协作流程"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-2/backend/2.5-zeabur-deployment/extra6/"
title="后端五:如何部署 Web 应用"
description="学习使用 Zeabur 快速部署你的全栈应用到云端"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-2/backend/2.6-modern-cli/extra7/"
title="后端六:现代 CLI 开发工具"
description="探索现代 CLI 工具,提升命令行环境下的开发体验"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-2/backend/2.7-stripe-payment/"
title="后端七:如何集成 Stripe 等收费系统"
description="实战:为你的应用集成 Stripe 支付功能,实现商业化变现"
/>
</NavGrid>
### 大作业
通过实战项目巩固你的全栈开发技能:
<NavGrid>
<NavCard
href="/easy-vibe/zh-cn/stage-2/assignments/2.1-fullstack-app/"
title="大作业 1:构建第一个现代应用程序 - 全栈应用"
description="综合运用所学知识,独立完成一个功能完整的全栈应用开发"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-2/assignments/2.2-modern-frontend-trae/"
title="大作业 2:现代前端组件库 + Trae 实战"
description="使用现代组件库与 Trae IDE,高效构建复杂的前端界面"
/>
</NavGrid>
### AI 能力扩展
<NavGrid>
<NavCard
href="/easy-vibe/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/"
title="AI 一:Dify 入门与知识库集成"
description="学习使用 Dify 构建 AI 应用,并集成私有知识库"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-2/ai-capabilities/2.2-multimodal-api/extra3/"
title="AI 二:学会查询 AI 词典与集成多模态 API"
description="探索更多 AI 能力,集成视觉、语音等多模态 API"
/>
</NavGrid>
## 适合人群
- 有一定编程基础,想系统学习全栈开发的开发者
- 希望从产品经理转型为全栈工程师的学习者
- 想要掌握现代开发工具和工作流的初中级开发者
- 希望独立开发完整产品的创业者
## 前置要求
- 完成「新手与产品原型」阶段,或具备同等基础知识
- 了解基本的 HTML/CSS/JavaScript 概念
- 对 AI 编程工具有初步了解
准备好深入全栈开发了吗?点击左侧导航开始学习吧!
+93
View File
@@ -0,0 +1,93 @@
# 高级开发
欢迎来到 **高级开发** 阶段!在这里,你将构建复杂跨平台应用,掌握微信小程序实战,挑战更高阶的 AI 原生应用开发。
## 你将学到什么
### 核心技能
深入掌握 MCP 协议与 Claude Code 高级技巧,提升开发效率:
<NavGrid>
<NavCard
href="/easy-vibe/zh-cn/stage-3/core-skills/3.1-mcp-claude-code-skills/"
title="高级一:MCP 与 Claude Code Skills"
description="掌握 Model Context Protocol (MCP),扩展 AI 编程工具的能力边界"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-3/core-skills/3.2-long-running-tasks/"
title="高级二:如何让 Coding Tools 长时间工作"
description="学习如何让 AI 编码工具处理长时间运行的复杂任务"
/>
</NavGrid>
### 多平台开发
构建微信小程序、Android 和 iOS 应用,实现跨平台覆盖:
<NavGrid>
<NavCard
href="/easy-vibe/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/"
title="高级三:如何构建微信小程序"
description="从零开始开发微信小程序,掌握小程序开发的核心流程"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/"
title="高级四:如何构建微信小程序(包含后端)"
description="构建带有后端支持的完整微信小程序应用"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-3/cross-platform/3.5-android-app/"
title="高级五:如何构建安卓程序"
description="使用现代跨平台框架构建 Android 原生应用"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-3/cross-platform/3.6-ios-app/"
title="高级六:如何构建 iOS 程序"
description="开发并发布 iOS 应用,掌握 iOS 生态的开发规范"
/>
</NavGrid>
### 个人品牌
打造属于自己的个人网站与技术博客,建立个人影响力:
<NavGrid>
<NavCard
href="/easy-vibe/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/"
title="高级七:如何构建属于自己的个人网页与学术博客"
description="使用现代化技术栈搭建高性能、高颜值的个人博客"
/>
</NavGrid>
### AI 能力附录
探索 RAG、LangGraph 等高级 AI 技术,构建复杂的 AI 应用工作流:
<NavGrid>
<NavCard
href="/easy-vibe/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/"
title="高级 AI 一:什么是 RAG 以及它如何工作"
description="深入理解检索增强生成 (RAG) 的原理及其在 AI 应用中的价值"
/>
<NavCard
href="/easy-vibe/zh-cn/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/"
title="高级 AI 二:中高级 RAG 与工作流编排 - 以 LangGraph 为例"
description="学习使用 LangGraph 编排复杂的 AI 工作流,构建高级 RAG 系统"
/>
</NavGrid>
## 适合人群
- 具备全栈开发经验,想挑战更复杂应用的高级开发者
- 希望掌握跨平台开发技术的工程师
- 想要深入了解 AI 原生应用开发的探索者
- 希望建立个人技术品牌的技术博主
## 前置要求
- 完成「初中级开发」阶段,或具备全栈开发经验
- 熟悉前端框架(如 React/Vue)和后端开发
- 了解基本的 AI 概念和 API 使用
准备好挑战高级开发了吗?点击左侧导航开始学习吧!