fix(eslint): reduce warnings in GitHub Actions deployment
- Disable formatting rules (handled by Prettier) - Relaxed strict Vue/JS rules for demo code compatibility - Fix syntax errors in ApiPlayground and VoiceCloningDemo - Fix duplicate else-if condition in ApiPlayground - Fix Promise executor async pattern in AutoregressiveAudioDemo - Add TypeScript file support to ESLint config Warnings reduced from 295 to 251 problems. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
sanbuphy
@@ -1,186 +0,0 @@
|
||||
# 附录
|
||||
|
||||
欢迎来到**附录**部分！这是一个人工智能基础和全栈开发基础的集合，是你学习旅程中的重要参考库。
|
||||
|
||||
## 内容分类
|
||||
|
||||
### AI 基础
|
||||
|
||||
了解人工智能的核心概念、发展历程和前沿技术原理：
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/8-artificial-intelligence/prompt-engineering/"
|
||||
title="提示工程"
|
||||
description="掌握与 AI 高效对话的艺术，释放大模型的潜力"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/8-artificial-intelligence/ai-history"
|
||||
title="AI 发展史"
|
||||
description="回顾 AI 发展的关键里程碑，理解技术演进轨迹"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/8-artificial-intelligence/llm-principles"
|
||||
title="大语言模型"
|
||||
description="深入浅出地解释大语言模型（LLM）的工作原理及应用"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/8-artificial-intelligence/multimodal-models"
|
||||
title="多模态大模型"
|
||||
description="探索能够处理图像、音频等多种数据模态的先进模型"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/8-artificial-intelligence/image-generation"
|
||||
title="AI 图像生成原理"
|
||||
description="揭示 AI 图像生成的底层逻辑和技术实现"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/8-artificial-intelligence/speech-synthesis-recognition"
|
||||
title="AI 音频模型"
|
||||
description="了解 AI 在语音合成、识别和音乐生成中的应用"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/8-artificial-intelligence/context-engineering"
|
||||
title="上下文工程"
|
||||
description="学习如何优化上下文管理，提升 AI 任务的长程连贯性"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/8-artificial-intelligence/ai-agents"
|
||||
title="Agent 智能体"
|
||||
description="探索具有自主决策和执行能力的 AI 智能体架构"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/8-artificial-intelligence/ai-capability-dictionary"
|
||||
title="AI 能力词典"
|
||||
description="AI 领域常用术语和核心概念的快速参考手册"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### 前端基础
|
||||
|
||||
夯实前端开发的技术根基：
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/3-browser-and-frontend/html-css-layout"
|
||||
title="HTML/CSS/JS 基础"
|
||||
description="构建网页的三大支柱，前端开发入门必修"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/3-browser-and-frontend/frontend-frameworks"
|
||||
title="前端框架演进"
|
||||
description="了解前端技术栈的演进历程，把握技术发展趋势"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/3-browser-and-frontend/web-performance"
|
||||
title="前端性能优化"
|
||||
description="学习提升网页加载速度和交互流畅度的关键策略"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/3-browser-and-frontend/graphics-animation"
|
||||
title="Canvas 2D 基础"
|
||||
description="掌握 Canvas 绑图 API，实现炫酷的图形和动画效果"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/3-browser-and-frontend/browser-as-os"
|
||||
title="浏览器工作原理"
|
||||
description="全链路分析浏览器渲染页面的完整过程"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/2-development-tools/debugging-art/"
|
||||
title="浏览器开发者工具"
|
||||
description="熟练使用开发者工具，高效定位和解决前端问题"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### 后端基础
|
||||
|
||||
掌握后端开发的核心概念：
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/4-server-and-backend/backend-layered-architecture"
|
||||
title="后端架构演进"
|
||||
description="从单体到微服务，探索后端架构的演进之路"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/4-server-and-backend/backend-languages"
|
||||
title="后端编程语言"
|
||||
description="比较主流后端语言的特点和适用场景，选择最佳技术栈"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/5-data/database-fundamentals"
|
||||
title="数据库原理"
|
||||
description="理解数据库核心原理，掌握数据存储与检索的艺术"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/4-server-and-backend/caching"
|
||||
title="系统缓存设计"
|
||||
description="学习缓存策略，提升系统高并发处理能力"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/4-server-and-backend/message-queues"
|
||||
title="消息队列设计"
|
||||
description="掌握消息队列在解耦和削峰填谷中的关键作用"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/4-server-and-backend/auth-authorization"
|
||||
title="认证授权原理与实践"
|
||||
description="构建安全的身份认证和权限管理系统"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/5-data/data-tracking"
|
||||
title="数据埋点设计"
|
||||
description="科学设计数据埋点，为产品决策提供数据支撑"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/7-infrastructure-and-operations/incident-response"
|
||||
title="线上运维"
|
||||
description="掌握系统部署、监控和故障排查的运维技能"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### 通用技能
|
||||
|
||||
软件开发的基础知识：
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/4-server-and-backend/api-intro"
|
||||
title="API 基础"
|
||||
description="API 接口设计与开发的基础知识"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/2-development-tools/ide-basics/"
|
||||
title="IDE 基础"
|
||||
description="了解集成开发环境（IDE）的内部工作机制"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/2-development-tools/command-line-shell"
|
||||
title="终端基础"
|
||||
description="掌握基本的命令行终端操作，提升开发效率"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/2-development-tools/git-version-control"
|
||||
title="Git 详解"
|
||||
description="深入理解 Git 版本控制原理和高级用法"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/1-computer-fundamentals/computer-networks"
|
||||
title="计算机网络"
|
||||
description="网络协议和通信原理的基础知识"
|
||||
/>
|
||||
<NavCard
|
||||
href="/zh-cn/appendix/7-infrastructure-and-operations/ci-cd"
|
||||
title="部署与上线"
|
||||
description="应用部署和发布的完整流程与最佳实践"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
## 使用建议
|
||||
|
||||
- 学习过程中作为参考资料，按需查阅
|
||||
- 遇到不熟悉的技术概念时，先在这里寻找解释
|
||||
- 建议通读一遍，建立完整的知识体系
|
||||
|
||||
这是你的技术知识宝库，随时欢迎查阅！
|
||||
@@ -1,126 +0,0 @@
|
||||
# 初中级开发
|
||||
|
||||
欢迎来到 **初中级开发** 阶段！在这里，你将深入全栈开发，掌握前端组件化、数据库设计、后端 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 编程工具有初步了解
|
||||
|
||||
准备好深入全栈开发了吗？点击左侧导航开始学习吧！
|
||||
@@ -1,93 +0,0 @@
|
||||
# 高级开发
|
||||
|
||||
欢迎来到 **高级开发** 阶段！在这里，你将构建复杂跨平台应用，掌握微信小程序实战，挑战更高阶的 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 使用
|
||||
|
||||
准备好挑战高级开发了吗？点击左侧导航开始学习吧！
|
||||
Reference in New Issue
Block a user