delorex/test-repo
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: 更新各阶段文档内容，优化结构和链接

Browse Source
This commit is contained in:
sanbuphy
2026-03-02 02:20:17 +08:00
parent a46332adda
commit c6c0c3950d
9 changed files with 136 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+50 -50
View File
@@ -239,29 +239,29 @@ Easy-Vibe 通过以下几个阶段，带你从 0 到 1：
| 章节 | 关键内容 | 状态 |
| :----------------------------------------------------------------------------------- | :------------------------------------------------ | :--- |
| [学习地图](docs/zh-cn/stage-0/0.1-learning-map/index.md) | 整体学习路径导览 | ✅ |
| [AI 时代，会说话就会编程](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | 通过贪吃蛇等案例初步感受 AI 编程的能力 | ✅ |
| [寻找好想法](docs/zh-cn/stage-1/1.0-finding-great-idea/index.md) | 学会寻找和验证产品想法，找到值得做的项目 | ✅ |
| [认识 AI IDE 工具](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | 学会使用 IDE，在本地制作小游戏 | ✅ |
| [动手做出原型](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | 从需求分析、AI 生成单页面，再到生成多页面产品原型 | ✅ |
| [给原型加上 AI 能力](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | 学会接入常见 AI 能力（文本、图片、视频） | ✅ |
| [完整项目实战](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | 模拟真实场景、接受用户反馈迭代，完整化项目 | ✅ |
| [学习地图](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-0/0.1-learning-map/) | 整体学习路径导览 | ✅ |
| [AI 时代，会说话就会编程](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-0/0.2-ai-capabilities-through-games/) | 通过贪吃蛇等案例初步感受 AI 编程的能力 | ✅ |
| [寻找好想法](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-1/1.0-finding-great-idea/) | 学会寻找和验证产品想法，找到值得做的项目 | ✅ |
| [认识 AI IDE 工具](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-1/1.1-introduction-to-ai-ide/) | 学会使用 IDE，在本地制作小游戏 | ✅ |
| [动手做出原型](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-1/1.2-building-prototype/) | 从需求分析、AI 生成单页面，再到生成多页面产品原型 | ✅ |
| [给原型加上 AI 能力](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-1/1.3-integrating-ai-capabilities/) | 学会接入常见 AI 能力（文本、图片、视频） | ✅ |
| [完整项目实战](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-1/1.4-complete-project-practice/) | 模拟真实场景、接受用户反馈迭代，完整化项目 | ✅ |
#### 附录：业务思维
| 章节 | 关键内容 | 状态 |
| :----------------------------------------------------------------------------------- | :----------------------------------------- | :--- |
| [产品思维与方案设计](docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | 从零到一做产品需要考虑的思维框架 | ✅ |
| [AI 行业应用场景参考 (B端)](docs/zh-cn/stage-1/appendix-industry-scenarios/index.md) | 了解 AI 在不同产业的应用场景 | ✅ |
| [AI 消费场景灵感参考 (C端)](docs/zh-cn/stage-1/appendix-c-consumer-scenarios/index.md) | 探索 AI 在消费级产品中的应用场景 | ✅ |
| [产品思维与方案设计](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-1/appendix-a-product-thinking/) | 从零到一做产品需要考虑的思维框架 | ✅ |
| [AI 行业应用场景参考 (B端)](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-1/appendix-industry-scenarios/) | 了解 AI 在不同产业的应用场景 | ✅ |
| [AI 消费场景灵感参考 (C端)](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-1/appendix-c-consumer-scenarios/) | 探索 AI 在消费级产品中的应用场景 | ✅ |
#### 附录：技术方案
| 章节 | 关键内容 | 状态 |
| :---------------------------------------------------------------------------------------------------------------------- | :----------------------------------------- | :--- |
| [写代码时遇到错误怎么办](docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | vibe coding 中的常见错误及排查方法 | ✅ |
| [七款 AI 编程工具对比](docs/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md) | 对比测试主流 AI 编程平台 | ✅ |
| [用设计和编程 Agent 设计网站](docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | 学习如何使用 AI 智能体协同工作 | ✅ |
| [写代码时遇到错误怎么办](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-1/appendix-b-common-errors/) | vibe coding 中的常见错误及排查方法 | ✅ |
| [七款 AI 编程工具对比](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial) | 对比测试主流 AI 编程平台 | ✅ |
| [用设计和编程 Agent 设计网站](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents) | 学习如何使用 AI 智能体协同工作 | ✅ |
<details>
<summary><strong>二、初中级开发工程师</strong></summary>
@@ -270,33 +270,33 @@ Easy-Vibe 通过以下几个阶段，带你从 0 到 1：
| 章节 | 关键内容 | 状态 |
| :--------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------- | :--- |
| [使用 Lovart 生产素材](docs/zh-cn/stage-2/frontend/2.0-lovart-assets/index.md) | 学会用 lovart 批量生成人物、场景等视觉素材，为 UI 设计和前端开发提供素材基础 | 🚧 |
| [Figma 与 MasterGo 入门](docs/zh-cn/stage-2/frontend/2.1-figma-mastergo/index.md) | 用设计工具梳理信息架构和页面结构，为前端实现打基础 | ✅ |
| [构建第一个现代应用程序-UI 设计](docs/zh-cn/stage-2/frontend/2.2-ui-design/index.md) | 基于设计稿完成组件化界面，实现从设计到代码的第一条链路 | 🚧 |
| [参考 UI 设计规范与多产品 UI 设计](docs/zh-cn/stage-2/frontend/2.3-multi-product-ui/index.md) | 围绕统一主视觉扩展多产品界面，练习系统化设计能力 | 🚧 |
| [用 LLM 和 Skills 让界面变好看](docs/zh-cn/stage-2/frontend/2.4-llm-skills-beautiful/index.md) | 用提示词和 Skills 插件让 AI 生成美观独特的界面 | ✅ |
| [一起做霍格沃茨画像](docs/zh-cn/stage-2/frontend/2.5-hogwarts-portraits/index.md) | 从 0 到 1 做出接入 AI 能力的前端应用，串联设计与开发 | ✅ |
| [从设计原型到项目代码](docs/zh-cn/stage-2/frontend/2.6-design-to-code/index.md) | 三种路径将设计工具中的原型转化为前端代码 | ✅ |
| [使用现代组件库更新你的界面](docs/zh-cn/stage-2/frontend/2.7-modern-component-library/index.md) | 用组件库快速构建专业级界面，统一风格、提升开发效率 | ✅ |
| [使用 Lovart 生产素材](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-2/frontend/2.0-lovart-assets/) | 学会用 lovart 批量生成人物、场景等视觉素材，为 UI 设计和前端开发提供素材基础 | 🚧 |
| [Figma 与 MasterGo 入门](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-2/frontend/2.1-figma-mastergo/) | 用设计工具梳理信息架构和页面结构，为前端实现打基础 | ✅ |
| [构建第一个现代应用程序-UI 设计](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-2/frontend/2.2-ui-design/) | 基于设计稿完成组件化界面，实现从设计到代码的第一条链路 | 🚧 |
| [参考 UI 设计规范与多产品 UI 设计](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-2/frontend/2.3-multi-product-ui/) | 围绕统一主视觉扩展多产品界面，练习系统化设计能力 | 🚧 |
| [用 LLM 和 Skills 让界面变好看](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-2/frontend/2.4-llm-skills-beautiful/) | 用提示词和 Skills 插件让 AI 生成美观独特的界面 | ✅ |
| [一起做霍格沃茨画像](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-2/frontend/2.5-hogwarts-portraits/) | 从 0 到 1 做出接入 AI 能力的前端应用，串联设计与开发 | ✅ |
| [从设计原型到项目代码](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-2/frontend/2.6-design-to-code/) | 三种路径将设计工具中的原型转化为前端代码 | ✅ |
| [使用现代组件库更新你的界面](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-2/frontend/2.7-modern-component-library/) | 用组件库快速构建专业级界面，统一风格、提升开发效率 | ✅ |
#### 后端开发部分
| 章节 | 关键内容 | 状态 |
| :------------------------------------------------------------------------------------------------- | :---------------------------------------------------------- | :--- |
| [从数据库到 Supabase](docs/zh-cn/stage-2/backend/2.2-database-supabase/index.md) | 在 Supabase 上落地数据库和 API，打通数据模型与前端页面 | ✅ |
| [大模型辅助编写接口代码与接口文档](docs/zh-cn/stage-2/backend/2.3-ai-interface-code/index.md) | 用大模型协助生成接口与数据库文档及代码，实现可读可测的后端 | 🚧 |
| [Git 和 GitHub 工作流](docs/zh-cn/stage-2/backend/2.4-git-workflow/index.md) | 在 Git 工作流中管理代码，进行版本控制和协作 | ✅ |
| [如何部署 Web 应用](docs/zh-cn/stage-2/backend/2.5-zeabur-deployment/index.md) | 使用 CloudBase、Vercel、Zeabur 等平台部署应用上线 | ✅ |
| [CLI AI 编程工具](docs/zh-cn/stage-2/backend/2.6-modern-cli/index.md) | 使用 CLI 类 AI 编程工具加速开发与调试，形成个人工程化工作流 | ✅ |
| [如何集成 Stripe 等收费系统](docs/zh-cn/stage-2/backend/2.7-stripe-payment/index.md) | 接入支付系统，完成收费链路与基础结算流程 | 🚧 |
| [大作业：构建第一个现代应用程序-全栈应用](docs/zh-cn/stage-2/assignments/2.1-fullstack-app/index.md) | 综合前端、后端与支付模块，完成可上线的全栈 Web 应用 | 🚧 |
| [从数据库到 Supabase](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-2/backend/2.2-database-supabase/) | 在 Supabase 上落地数据库和 API，打通数据模型与前端页面 | ✅ |
| [大模型辅助编写接口代码与接口文档](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-2/backend/2.3-ai-interface-code/) | 用大模型协助生成接口与数据库文档及代码，实现可读可测的后端 | 🚧 |
| [Git 和 GitHub 工作流](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-2/backend/2.4-git-workflow/) | 在 Git 工作流中管理代码，进行版本控制和协作 | ✅ |
| [如何部署 Web 应用](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-2/backend/2.5-zeabur-deployment/) | 使用 CloudBase、Vercel、Zeabur 等平台部署应用上线 | ✅ |
| [CLI AI 编程工具](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-2/backend/2.6-modern-cli/) | 使用 CLI 类 AI 编程工具加速开发与调试，形成个人工程化工作流 | ✅ |
| [如何集成 Stripe 等收费系统](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-2/backend/2.7-stripe-payment/) | 接入支付系统，完成收费链路与基础结算流程 | 🚧 |
| [大作业：构建第一个现代应用程序-全栈应用](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-2/assignments/2.1-fullstack-app/) | 综合前端、后端与支付模块，完成可上线的全栈 Web 应用 | 🚧 |
#### AI 能力附录
| 章节 | 关键内容 | 状态 |
| :------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- |
| [Dify 入门与知识库集成](docs/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/index.md) | 用 Dify Workflow 与基础 RAG 搭建工具类产品，为后续应用升级打样 | ✅ |
| [学会查询 AI 词典与集成多模态 API](docs/zh-cn/stage-2/ai-capabilities/2.2-multimodal-api/extra3/index.md) | 学会查找合适的模型与 API，并把文本、图像等多模态能力接入产品 | 🚧 |
| [Dify 入门与知识库集成](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/) | 用 Dify Workflow 与基础 RAG 搭建工具类产品，为后续应用升级打样 | ✅ |
| [学会查询 AI 词典与集成多模态 API](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-2/ai-capabilities/2.2-multimodal-api/extra3/) | 学会查找合适的模型与 API，并把文本、图像等多模态能力接入产品 | 🚧 |
</details>
@@ -307,36 +307,36 @@ Easy-Vibe 通过以下几个阶段，带你从 0 到 1：
| 章节 | 关键内容 | 状态 |
| :------------------------------------------------------------------------------------------------------ | :----------------------------------------------------------- | :--- |
| [Claude Code 快速上手](docs/zh-cn/stage-3/core-skills/basics/index.md) | 安装配置、基础操作、实用技巧和常用指令 | ✅ |
| [Claude Code MCP 完全指南](docs/zh-cn/stage-3/core-skills/mcp/index.md) | 通过 MCP 让 Claude Code 连接 GitHub、数据库、API 等外部服务 | ✅ |
| [Claude Code Skills 完全指南](docs/zh-cn/stage-3/core-skills/skills/index.md) | 将专业知识打包成可复用技能包，一次配置反复使用 | ✅ |
| [Claude Code 工作流最佳实践](docs/zh-cn/stage-3/core-skills/workflow/index.md) | 日常开发、代码重构、Code Review 等场景的最佳实践 | ✅ |
| [Claude Agent Teams 完全指南](docs/zh-cn/stage-3/core-skills/agent-teams/index.md) | 多 AI 实例协同工作，像真正的开发团队一样并行协作 | ✅ |
| [Claude Code Superpowers 工程级开发](docs/zh-cn/stage-3/core-skills/superpowers/index.md) | 让 AI 写出工程级代码，遵循 TDD 和最佳实践 | ✅ |
| [如何让 Claude Code 长时间工作](docs/zh-cn/stage-3/core-skills/long-running-tasks/index.md) | 设计长时间运行的任务，让 Coding Tools 持续工作直到完成 | ✅ |
| [Claude Code 快速上手](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/core-skills/basics/) | 安装配置、基础操作、实用技巧和常用指令 | ✅ |
| [Claude Code MCP 完全指南](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/core-skills/mcp/) | 通过 MCP 让 Claude Code 连接 GitHub、数据库、API 等外部服务 | ✅ |
| [Claude Code Skills 完全指南](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/core-skills/skills/) | 将专业知识打包成可复用技能包，一次配置反复使用 | ✅ |
| [Claude Code 工作流最佳实践](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/core-skills/workflow/) | 日常开发、代码重构、Code Review 等场景的最佳实践 | ✅ |
| [Claude Agent Teams 完全指南](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/core-skills/agent-teams/) | 多 AI 实例协同工作，像真正的开发团队一样并行协作 | ✅ |
| [Claude Code Superpowers 工程级开发](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/core-skills/superpowers/) | 让 AI 写出工程级代码，遵循 TDD 和最佳实践 | ✅ |
| [如何让 Claude Code 长时间工作](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/core-skills/long-running-tasks/) | 设计长时间运行的任务，让 Coding Tools 持续工作直到完成 | ✅ |
#### 多平台开发
| 章节 | 关键内容 | 状态 |
| :------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- |
| [如何构建微信小程序](docs/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/index.md) | 了解微信小程序生态，从官方模板到上线完成一个前端小程序 | ✅ |
| [如何构建微信小程序-包含后端](docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/index.md) | 在小程序中接入数据库与后端逻辑，打通完整业务闭环 | 🚧 |
| [如何构建安卓程序](docs/zh-cn/stage-3/cross-platform/3.5-android-app/index.md) | 使用 Expo 等工具，完成 Web/原生一体化的安卓应用开发 | ✅ |
| [如何构建 iOS 程序](docs/zh-cn/stage-3/cross-platform/3.6-ios-app/index.md) | 使用 Expo 等工具，完成 Web/原生一体化的 iOS 应用开发 | ✅ |
| [如何构建个人网页与学术博客](docs/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/index.md) | 从选型、搭建到部署，构建展示个人项目与学术成果的在线主页 | 🚧 |
| [如何开发 PWA 本地应用](docs/zh-cn/stage-3/cross-platform/3.8-pwa-local-app/index.md) | 让网页变成"真正的 App"，支持离线、推送、桌面安装 | ✅ |
| [如何开发浏览器 AI 助手插件](docs/zh-cn/stage-3/cross-platform/3.9-browser-ai-extension/index.md) | 开发 Chrome 插件，一键总结任意网页，支持云端 API 和内置 AI | ✅ |
| [如何开发 Electron 桌面程序](docs/zh-cn/stage-3/cross-platform/3.10-electron-voice-to-text/index.md) | 用 Electron 构建语音转文字桌面应用，支持三平台安装运行 | ✅ |
| [如何快速开发并铸造 NFT](docs/zh-cn/stage-3/cross-platform/3.11-nft-minting/index.md) | 从零编写智能合约，部署到以太坊测试网，铸造自己的 NFT | ✅ |
| [如何开发 VS Code 插件](docs/zh-cn/stage-3/cross-platform/3.12-vscode-extension/index.md) | 开发 AI 项目助手插件，支持模板生成、代码对话、多文件问答 | ✅ |
| [如何开发工业级 Qt 桌面应用](docs/zh-cn/stage-3/cross-platform/3.13-qt-industrial-hmi/index.md) | 用 Qt 构建工业级水泵监控 HMI 系统，实时数据、趋势图、报警 | ✅ |
| [如何构建微信小程序](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/) | 了解微信小程序生态，从官方模板到上线完成一个前端小程序 | ✅ |
| [如何构建微信小程序-包含后端](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/) | 在小程序中接入数据库与后端逻辑，打通完整业务闭环 | 🚧 |
| [如何构建安卓程序](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/cross-platform/3.5-android-app/) | 使用 Expo 等工具，完成 Web/原生一体化的安卓应用开发 | ✅ |
| [如何构建 iOS 程序](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/cross-platform/3.6-ios-app/) | 使用 Expo 等工具，完成 Web/原生一体化的 iOS 应用开发 | ✅ |
| [如何构建个人网页与学术博客](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/) | 从选型、搭建到部署，构建展示个人项目与学术成果的在线主页 | 🚧 |
| [如何开发 PWA 本地应用](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/cross-platform/3.8-pwa-local-app/) | 让网页变成"真正的 App"，支持离线、推送、桌面安装 | ✅ |
| [如何开发浏览器 AI 助手插件](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/cross-platform/3.9-browser-ai-extension/) | 开发 Chrome 插件，一键总结任意网页，支持云端 API 和内置 AI | ✅ |
| [如何开发 Electron 桌面程序](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/cross-platform/3.10-electron-voice-to-text/) | 用 Electron 构建语音转文字桌面应用，支持三平台安装运行 | ✅ |
| [如何快速开发并铸造 NFT](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/cross-platform/3.11-nft-minting/) | 从零编写智能合约，部署到以太坊测试网，铸造自己的 NFT | ✅ |
| [如何开发 VS Code 插件](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/cross-platform/3.12-vscode-extension/) | 开发 AI 项目助手插件，支持模板生成、代码对话、多文件问答 | ✅ |
| [如何开发工业级 Qt 桌面应用](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/cross-platform/3.13-qt-industrial-hmi/) | 用 Qt 构建工业级水泵监控 HMI 系统，实时数据、趋势图、报警 | ✅ |
#### AI 能力附录
| 章节 | 关键内容 | 状态 |
| :---------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------ | :--- |
| [什么是 RAG 以及它如何工作](docs/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/index.md) | 系统理解 RAG 原理与常见架构，为复杂应用提供知识检索基础 | ✅ |
| [中高级 RAG 与工作流编排：以 LangGraph 为例](docs/zh-cn/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/index.md) | 使用 LangGraph 等工具设计多步工作流与中高级 RAG 系统 | 🚧 |
| [什么是 RAG 以及它如何工作](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/) | 系统理解 RAG 原理与常见架构，为复杂应用提供知识检索基础 | ✅ |
| [中高级 RAG 与工作流编排：以 LangGraph 为例](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/) | 使用 LangGraph 等工具设计多步工作流与中高级 RAG 系统 | 🚧 |
</details>
docs/zh-cn/guide/introduction.md
+15 -15
View File
@@ -49,30 +49,30 @@
| 章节 | 关键内容 | 状态 |
| :------------------------------------------------------------------------------------------------------------------ | :--------------------------------------------------------------------------- | :--- |
| 前端零：使用 lovart 生产素材 | 学会用 lovart 批量生成人物、场景等视觉素材，为 UI 设计和前端开发提供素材基础 | 🚧 |
| 前端一：Figma 与 MasterGo 入门 | 用设计工具梳理信息架构和页面结构，为前端实现打基础 | 🚧 |
| 前端二：构建第一个现代应用程序-UI 设计 | 基于设计稿完成组件化界面，实现从设计到代码的第一条链路 | 🚧 |
| 前端三：参考 UI 设计规范与多产品 UI 设计 | 围绕统一主视觉扩展多产品界面，练习系统化设计能力 | 🚧 |
| [前端四：一起做霍格沃茨画像](/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/) | 从 0 到 1 做出接入 AI 能力的前端应用，串联设计与开发 | 🚧 |
| 使用 lovart 生产素材 | 学会用 lovart 批量生成人物、场景等视觉素材，为 UI 设计和前端开发提供素材基础 | 🚧 |
| Figma 与 MasterGo 入门 | 用设计工具梳理信息架构和页面结构，为前端实现打基础 | 🚧 |
| 构建第一个现代应用程序-UI 设计 | 基于设计稿完成组件化界面，实现从设计到代码的第一条链路 | 🚧 |
| 参考 UI 设计规范与多产品 UI 设计 | 围绕统一主视觉扩展多产品界面，练习系统化设计能力 | 🚧 |
| [一起做霍格沃茨画像](/zh-cn/stage-2/frontend/2.5-hogwarts-portraits/) | 从 0 到 1 做出接入 AI 能力的前端应用，串联设计与开发 | 🚧 |
#### 后端开发部分
| 章节 | 关键内容 | 状态 |
| :---------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------ | :--- |
| 后端一：什么是 API | 理解 HTTP 接口与请求响应模型，为后端集成与联调做准备 | 🚧 |
| [后端二：从数据库到 Supabase](/zh-cn/stage-2/backend/2.2-database-supabase/) | 在 Supabase 上落地数据库和 API，打通数据模型与前端页面 | 🚧 |
| 后端三：大模型辅助编写接口代码与接口文档 | 用大模型协助生成接口与数据库文档及代码，实现可读可测的后端 | 🚧 |
| 后端四：Git 工作流与 Zeabur 部署 | 在 Git 工作流中管理代码，并将应用部署到 Zeabur 上线 | 🚧 |
| 后端五：现代 CLI 开发工具 | 使用 CLI 类 AI 编程工具加速开发与调试，形成个人工程化工作流 | 🚧 |
| 后端六：如何集成 stripe 等收费系统 | 接入支付系统，完成收费链路与基础结算流程 | 🚧 |
| 大作业 1：构建第一个现代应用程序-全栈应用 | 综合前端、后端与支付模块，完成可上线的全栈 Web 应用 | 🚧 |
| 大作业 2：现代前端组件库 + Trae 实战 | 使用现代前端组件库与 Trae，独立完成可登录注册并支持收费的产品 | 🚧 |
| 什么是 API | 理解 HTTP 接口与请求响应模型，为后端集成与联调做准备 | 🚧 |
| [从数据库到 Supabase](/zh-cn/stage-2/backend/2.2-database-supabase/) | 在 Supabase 上落地数据库和 API，打通数据模型与前端页面 | 🚧 |
| 大模型辅助编写接口代码与接口文档 | 用大模型协助生成接口与数据库文档及代码，实现可读可测的后端 | 🚧 |
| Git 工作流与 Zeabur 部署 | 在 Git 工作流中管理代码，并将应用部署到 Zeabur 上线 | 🚧 |
| 现代 CLI 开发工具 | 使用 CLI 类 AI 编程工具加速开发与调试，形成个人工程化工作流 | 🚧 |
| 如何集成 stripe 等收费系统 | 接入支付系统，完成收费链路与基础结算流程 | 🚧 |
| 构建第一个现代应用程序-全栈应用 | 综合前端、后端与支付模块，完成可上线的全栈 Web 应用 | 🚧 |
| 现代前端组件库 + Trae 实战 | 使用现代前端组件库与 Trae，独立完成可登录注册并支持收费的产品 | 🚧 |
#### AI 能力附录
| 章节 | 关键内容 | 状态 |
| :-------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- |
| [AI 一：Dify 入门与知识库集成](/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/) | 用 Dify Workflow 与基础 RAG 搭建工具类产品，为后续应用升级打样 | 🚧 |
| AI 二：学会查询 AI 词典与集成多模态 API | 学会查找合适的模型与 API，并把文本、图像等多模态能力接入产品 | 🚧 |
| [Dify 入门与知识库集成](/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/) | 用 Dify Workflow 与基础 RAG 搭建工具类产品，为后续应用升级打样 | 🚧 |
| 学会查询 AI 词典与集成多模态 API | 学会查找合适的模型与 API，并把文本、图像等多模态能力接入产品 | 🚧 |
### 三、高级开发工程师
docs/zh-cn/stage-0/index.md
+7 -7
View File
@@ -13,12 +13,12 @@
<NavGrid>
<NavCard
href="/zh-cn/stage-0/0.1-learning-map/"
title="1. 学习地图"
title="学习地图"
description="了解整个学习路径，明确每个阶段的目标和收获。"
/>
<NavCard
href="/zh-cn/stage-0/0.2-ai-capabilities-through-games/"
title="2. AI 时代，会说话就会编程"
title="AI 时代，会说话就会编程"
description="通过贪吃蛇等小游戏，体验 AI 编程的魅力，打破对编程的恐惧。"
/>
</NavGrid>
@@ -30,27 +30,27 @@
<NavGrid>
<NavCard
href="/zh-cn/stage-1/1.1-introduction-to-ai-ide/"
title="1. 学会 AI 编程工具"
title="学会 AI 编程工具"
description="了解当前主流的 AI 编程工具，选择最适合你的开发搭档。"
/>
<NavCard
href="/zh-cn/stage-1/1.0-finding-great-idea/"
title="2. 找到好点子"
title="找到好点子"
description="学会寻找和验证产品想法，找到值得做的项目。"
/>
<NavCard
href="/zh-cn/stage-1/1.2-building-prototype/"
title="3. 搭建产品原型"
title="搭建产品原型"
description="学习如何快速将产品想法转化为可视化的原型，进行低成本试错。"
/>
<NavCard
href="/zh-cn/stage-1/1.3-integrating-ai-capabilities/"
title="4. 接入 AI 能力"
title="接入 AI 能力"
description="通过集成简单的 AI API，让你的原型具备智能交互能力。"
/>
<NavCard
href="/zh-cn/stage-1/1.4-complete-project-practice/"
title="5. 完整项目实战"
title="完整项目实战"
description="综合运用所学知识，从 0 到 1 完成一个完整的产品原型开发。"
/>
</NavGrid>
docs/zh-cn/stage-2/backend/2.3-ai-interface-code/index.md
+1 -1
View File
@@ -1,3 +1,3 @@
# 后端三：大模型辅助编写接口代码与接口文档
# 大模型辅助编写接口代码与接口文档
> 本章节正在编写中，敬请期待...
docs/zh-cn/stage-2/index.md
+18 -18
View File
@@ -11,42 +11,42 @@
<NavGrid>
<NavCard
href="/zh-cn/stage-2/frontend/2.0-lovart-assets/"
title="前端零：使用 Lovart 生产素材"
title="使用 Lovart 生产素材"
description="学习如何使用 Lovart 等 AI 工具快速生成高质量的游戏素材与 UI 资源"
/>
<NavCard
href="/zh-cn/stage-2/frontend/2.1-figma-mastergo/"
title="前端一：Figma 与 MasterGo 入门"
title="Figma 与 MasterGo 入门"
description="掌握专业 UI 设计工具的基础操作，从设计稿到代码的协作流程"
/>
<NavCard
href="/zh-cn/stage-2/frontend/2.2-ui-design/"
title="前端二：构建第一个现代应用程序 - UI 设计"
title="构建第一个现代应用程序 - UI 设计"
description="学习现代应用程序的 UI 设计基础"
/>
<NavCard
href="/zh-cn/stage-2/frontend/2.3-multi-product-ui/"
title="前端三：参考 UI 设计规范与多产品 UI 设计"
title="参考 UI 设计规范与多产品 UI 设计"
description="学习主流 UI 设计规范，提升产品设计的一致性与美感"
/>
<NavCard
href="/zh-cn/stage-2/frontend/2.4-llm-skills-beautiful/"
title="前端四：用 LLM 和 Skills 让界面变好看"
title="用 LLM 和 Skills 让界面变好看"
description="使用提示词与插件实战，让 AI 生成美观独特的界面"
/>
<NavCard
href="/zh-cn/stage-2/frontend/2.5-hogwarts-portraits/"
title="前端五：一起做霍格沃茨画像"
title="一起做霍格沃茨画像"
description="实战项目：结合 AI 生成的图像，构建一个交互式的霍格沃茨画像应用"
/>
<NavCard
href="/zh-cn/stage-2/frontend/2.6-design-to-code/"
title="前端六：从设计原型到项目代码"
title="从设计原型到项目代码"
description="学习如何将设计工具中的原型转化为真正能在浏览器里运行的前端代码"
/>
<NavCard
href="/zh-cn/stage-2/frontend/2.7-modern-component-library/"
title="前端七：使用现代组件库更新你的界面"
title="使用现代组件库更新你的界面"
description="学习使用组件库快速构建专业级界面"
/>
</NavGrid>
@@ -58,32 +58,32 @@
<NavGrid>
<NavCard
href="/zh-cn/stage-2/backend/2.4-git-workflow/"
title="后端一：学会使用 Git 与 Github"
title="学会使用 Git 与 Github"
description="掌握 Git 版本控制系统的核心操作与协作流程"
/>
<NavCard
href="/zh-cn/stage-2/backend/2.2-database-supabase/"
title="后端二：从数据库到 Supabase"
title="从数据库到 Supabase"
description="掌握关系型数据库基础，并学习使用 Supabase 这一现代 BaaS 平台"
/>
<NavCard
href="/zh-cn/stage-2/backend/2.3-ai-interface-code/"
title="后端三：应用后端接口设计与开发"
title="应用后端接口设计与开发"
description="利用 AI 辅助生成后端接口代码及标准的接口文档，提升开发效率"
/>
<NavCard
href="/zh-cn/stage-2/backend/2.5-zeabur-deployment/"
title="后端四：发布你的产品原型"
title="发布你的产品原型"
description="学习使用 Zeabur 快速部署你的全栈应用到云端"
/>
<NavCard
href="/zh-cn/stage-2/backend/2.6-modern-cli/"
title="后端五：从 IDE 到 CLI AI 编程工具"
title="从 IDE 到 CLI AI 编程工具"
description="探索现代 CLI 工具，提升命令行环境下的开发体验"
/>
<NavCard
href="/zh-cn/stage-2/backend/2.7-stripe-payment/"
title="后端六：如何集成 Stripe 等收费系统"
title="如何集成 Stripe 等收费系统"
description="实战：为你的应用集成 Stripe 支付功能，实现商业化变现"
/>
</NavGrid>
@@ -95,12 +95,12 @@
<NavGrid>
<NavCard
href="/zh-cn/stage-2/assignments/2.1-fullstack-app/"
title="大作业 1：构建第一个现代应用程序 - 全栈应用"
title="构建第一个现代应用程序 - 全栈应用"
description="综合运用所学知识，独立完成一个功能完整的全栈应用开发"
/>
<NavCard
href="/zh-cn/stage-2/assignments/2.2-modern-frontend-trae/"
title="大作业 2：现代前端组件库 + Trae 实战"
title="现代前端组件库 + Trae 实战"
description="使用现代组件库与 Trae IDE，高效构建复杂的前端界面"
/>
</NavGrid>
@@ -110,12 +110,12 @@
<NavGrid>
<NavCard
href="/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/"
title="AI 一：Dify 入门与知识库集成"
title="Dify 入门与知识库集成"
description="学习使用 Dify 构建 AI 应用，并集成私有知识库"
/>
<NavCard
href="/zh-cn/stage-2/ai-capabilities/2.2-multimodal-api/"
title="AI 二：学会查询 AI 词典与集成多模态 API"
title="学会查询 AI 词典与集成多模态 API"
description="探索更多 AI 能力，集成视觉、语音等多模态 API"
/>
</NavGrid>
docs/zh-cn/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/index.md
+1 -1
View File
@@ -1,3 +1,3 @@
# 高级 AI 二：中高级 RAG 与工作流编排 - 以 LangGraph 为例
# 中高级 RAG 与工作流编排 - 以 LangGraph 为例
> 本章节正在编写中，敬请期待...
docs/zh-cn/stage-3/core-skills/basics/index.md
+21 -13
View File
@@ -386,7 +386,7 @@ Claude Code 会询问是否执行某些敏感命令（如 `rm -rf`、`sudo` 等
**生成的 CLAUDE.md 示例：**
```markdown
```
# My Project
## 技术栈
@@ -397,12 +397,13 @@ Claude Code 会询问是否执行某些敏感命令（如 `rm -rf`、`sudo` 等
- 数据库：Prisma + PostgreSQL
## 常用命令
```bash
\`\`\`bash
npm run dev # 启动开发服务器
npm run build # 生产构建
npm run test # 运行测试
npx prisma migrate dev # 数据库迁移
```
\`\`\`
## 代码规范
- 使用函数组件 + Hooks
@@ -617,7 +618,7 @@ Claude Code 采用分层配置策略，不同级别的配置有不同的作用
**最小可用模板：**
```markdown
```
# [项目名称]
## 技术栈
@@ -627,12 +628,13 @@ Claude Code 采用分层配置策略，不同级别的配置有不同的作用
- 构建工具：Vite
## 常用命令
```bash
\`\`\`bash
npm run dev # 启动开发服务器（端口 5173）
npm run test # 运行单元测试
npm run build # 生产构建
npm run lint # 代码检查
```
\`\`\`
## 代码规范
- 组件使用函数组件 + Hooks
@@ -643,7 +645,7 @@ npm run lint # 代码检查
**完整模板（推荐）：**
```markdown
```
# [项目名称]
## 项目概述
@@ -663,7 +665,8 @@ npm run lint # 代码检查
- 认证：JWT + bcrypt
## 项目结构
```
\`\`\`
src/
├── components/ # 可复用组件
├── pages/ # 页面组件
@@ -671,10 +674,11 @@ src/
├── lib/ # 工具函数
├── types/ # TypeScript 类型
└── api/ # API 调用
```
\`\`\`
## 常用命令
```bash
\`\`\`bash
# 开发
npm run dev # 启动开发服务器
npm run dev:mock # 使用 Mock 数据开发
@@ -693,7 +697,7 @@ npm run typecheck # TypeScript 类型检查
# 构建
npm run build # 生产构建
npm run preview # 预览生产构建
```
\`\`\`
## 开发规范
### 代码风格
@@ -712,17 +716,21 @@ npm run preview # 预览生产构建
- API 响应时间控制在 200ms 以内
## 环境变量
```bash
\`\`\`bash
# .env.local
VITE_API_BASE_URL=http://localhost:3000
VITE_APP_NAME=MyApp
```
\`\`\`
## 常见问题
### 开发服务器启动失败？
检查端口 5173 是否被占用，或尝试 `npm run dev -- --port 3000`
### 类型错误？
运行 `npm run typecheck` 查看详细错误信息
```
docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/index.md
+1 -1
View File
@@ -1,3 +1,3 @@
# 高级四：多平台开发 - 如何构建微信小程序（包含后端）
# 多平台开发 - 如何构建微信小程序（包含后端）
> 本章节正在编写中，敬请期待...
docs/zh-cn/stage-3/index.md
+22 -22
View File
@@ -1,6 +1,6 @@
# 高级开发
# 进阶开发
欢迎来到 **高级开发** 阶段！在这里，你将构建复杂跨平台应用，掌握微信小程序实战，挑战更高阶的 AI 原生应用开发。
欢迎来到 **进阶开发** 阶段！在这里，你将构建复杂跨平台应用，掌握微信小程序实战，探索更深入的 AI 原生应用开发。
## 你将学到什么
@@ -11,37 +11,37 @@
<NavGrid>
<NavCard
href="/zh-cn/stage-3/core-skills/basics/"
title="高级零：Claude Code 快速上手核心指南"
title="Claude Code 快速上手核心指南"
description="快速掌握 Claude Code 的核心用法，包括安装配置、基础操作和实用技巧"
/>
<NavCard
href="/zh-cn/stage-3/core-skills/mcp/"
title="高级一：MCP 与 Claude Code 完全指南"
title="MCP 与 Claude Code 完全指南"
description="掌握 Model Context Protocol (MCP)，扩展 AI 编程工具的能力边界"
/>
<NavCard
href="/zh-cn/stage-3/core-skills/skills/"
title="高级一（续）：Claude Code Skills 完全指南"
title="Claude Code Skills 完全指南"
description="将专业知识、工作流程和最佳实践打包成可复用技能包"
/>
<NavCard
href="/zh-cn/stage-3/core-skills/long-running-tasks/"
title="高级二：如何让 Coding Tools 长时间工作"
title="如何让 Coding Tools 长时间工作"
description="学习如何让 AI 编码工具处理长时间运行的复杂任务"
/>
<NavCard
href="/zh-cn/stage-3/core-skills/agent-teams/"
title="高级二（续）：Claude Agent Teams 完全指南"
title="Claude Agent Teams 完全指南"
description="让多个 AI 实例像真正的开发团队一样协同工作"
/>
<NavCard
href="/zh-cn/stage-3/core-skills/superpowers/"
title="高级二（续）：Claude Code Superpowers 工程级开发"
title="Claude Code Superpowers 工程级开发"
description="使用 Superpowers 框架让 AI 写出工程级代码"
/>
<NavCard
href="/zh-cn/stage-3/core-skills/workflow/"
title="高级二（续）：Claude Code 工作流最佳实践"
title="Claude Code 工作流最佳实践"
description="掌握 Claude Code 在不同场景下的最佳实践"
/>
</NavGrid>
@@ -53,52 +53,52 @@
<NavGrid>
<NavCard
href="/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/"
title="高级三：如何构建微信小程序"
title="如何构建微信小程序"
description="从零开始开发微信小程序，掌握小程序开发的核心流程"
/>
<NavCard
href="/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/"
title="高级四：如何构建微信小程序（包含后端）"
title="如何构建微信小程序（包含后端）"
description="构建带有后端支持的完整微信小程序应用"
/>
<NavCard
href="/zh-cn/stage-3/cross-platform/3.5-android-app/"
title="高级五：如何构建安卓程序"
title="如何构建安卓程序"
description="使用现代跨平台框架构建 Android 原生应用"
/>
<NavCard
href="/zh-cn/stage-3/cross-platform/3.6-ios-app/"
title="高级六：如何构建 iOS 程序"
title="如何构建 iOS 程序"
description="开发并发布 iOS 应用，掌握 iOS 生态的开发规范"
/>
<NavCard
href="/zh-cn/stage-3/cross-platform/3.8-pwa-local-app/"
title="高级八：如何开发 PWA 本地应用"
title="如何开发 PWA 本地应用"
description="让网页变成真正的 App，支持离线使用和桌面安装"
/>
<NavCard
href="/zh-cn/stage-3/cross-platform/3.9-browser-ai-extension/"
title="高级九：如何开发浏览器 AI 助手插件"
title="如何开发浏览器 AI 助手插件"
description="一键总结任意网页，打造你的浏览器 AI 助手"
/>
<NavCard
href="/zh-cn/stage-3/cross-platform/3.10-electron-voice-to-text/"
title="高级十：如何开发跨平台 Electron 桌面程序"
title="如何开发跨平台 Electron 桌面程序"
description="构建语音转文字的桌面应用，支持 Windows、macOS、Linux"
/>
<NavCard
href="/zh-cn/stage-3/cross-platform/3.11-nft-minting/"
title="高级十一：如何快速开发并铸造 NFT"
title="如何快速开发并铸造 NFT"
description="10 分钟上手版，从零开始编写 NFT 智能合约并铸造"
/>
<NavCard
href="/zh-cn/stage-3/cross-platform/3.12-vscode-extension/"
title="高级十二：如何开发 VS Code 插件"
title="如何开发 VS Code 插件"
description="打造你的 AI 项目助手，支持多文件问答和自定义快捷键"
/>
<NavCard
href="/zh-cn/stage-3/cross-platform/3.13-qt-industrial-hmi/"
title="高级十三：如何开发工业级 Qt 桌面应用"
title="如何开发工业级 Qt 桌面应用"
description="构建水泵监控 HMI 系统，掌握工业级桌面应用开发"
/>
</NavGrid>
@@ -110,7 +110,7 @@
<NavGrid>
<NavCard
href="/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/"
title="高级七：如何构建属于自己的个人网页与学术博客"
title="如何构建属于自己的个人网页与学术博客"
description="使用现代化技术栈搭建高性能、高颜值的个人博客"
/>
</NavGrid>
@@ -122,12 +122,12 @@
<NavGrid>
<NavCard
href="/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/"
title="高级 AI 一：什么是 RAG 以及它如何工作"
title="什么是 RAG 以及它如何工作"
description="深入理解检索增强生成 (RAG) 的原理及其在 AI 应用中的价值"
/>
<NavCard
href="/zh-cn/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/"
title="高级 AI 二：中高级 RAG 与工作流编排 - 以 LangGraph 为例"
title="中高级 RAG 与工作流编排 - 以 LangGraph 为例"
description="学习使用 LangGraph 编排复杂的 AI 工作流，构建高级 RAG 系统"
/>
</NavGrid>