diff --git a/README.md b/README.md index f5c9264..6bf933e 100644 --- a/README.md +++ b/README.md @@ -68,7 +68,7 @@ 系统提示词仓库 从零开始 实战案例 - 常见坑汇总 + 常见坑汇总 信息源聚合 Chat Vault

@@ -128,10 +128,10 @@ 完全新手？按顺序完成以下步骤： -0. [00-Vibe Coding 哲学原理](./i18n/zh/documents/从零开始vibecoding/00-Vibe%20Coding%20哲学原理.md) - 理解核心理念 -1. [01-网络环境配置](./i18n/zh/documents/从零开始vibecoding/01-网络环境配置.md) - 配置网络访问 -2. [02-开发环境搭建](./i18n/zh/documents/从零开始vibecoding/02-开发环境搭建.md) - 复制提示词给 AI，让 AI 指导你搭建环境 -3. [03-IDE配置](./i18n/zh/documents/从零开始vibecoding/03-IDE配置.md) - 配置 VS Code 编辑器 +0. [00-Vibe Coding 哲学原理](./i18n/zh/documents/01-入门指南/00-Vibe%20Coding%20哲学原理.md) - 理解核心理念 +1. [01-网络环境配置](./i18n/zh/documents/01-入门指南/01-网络环境配置.md) - 配置网络访问 +2. [02-开发环境搭建](./i18n/zh/documents/01-入门指南/02-开发环境搭建.md) - 复制提示词给 AI，让 AI 指导你搭建环境 +3. [03-IDE配置](./i18n/zh/documents/01-入门指南/03-IDE配置.md) - 配置 VS Code 编辑器 --- @@ -150,7 +150,7 @@ **核心理念**：能抄不写，能连不造，能复用不原创。 -👉 [深入了解胶水编程](./i18n/zh/documents/胶水编程/README.md) +👉 [深入了解胶水编程](./i18n/zh/documents/00-基础指南/胶水编程.md) @@ -170,7 +170,7 @@ 该思想的核心是构建一个能够**自我优化**的 AI 系统。其递归本质可分解为以下步骤： -> 延伸阅读：[A Formalization of Recursive Self-Optimizing Generative Systems](./i18n/zh/documents/方法论与原则/A%20Formalization%20of%20Recursive%20Self-Optimizing%20Generative%20Systems.md) +> 延伸阅读：[A Formalization of Recursive Self-Optimizing Generative Systems](./i18n/zh/documents/00-基础指南/A%20Formalization%20of%20Recursive%20Self-Optimizing%20Generative%20Systems.md) #### 1. 定义核心角色： @@ -285,11 +285,11 @@ * [**第三方系统提示词学习库**](https://github.com/x1xhlol/system-prompts-and-models-of-ai-tools): 用于学习和参考其他 AI 工具的系统提示词。 * [**Skills 制作器**](https://github.com/yusufkaraaslan/Skill_Seekers): 可根据需求生成定制化 Skills 的工具。 * [**元提示词**](https://docs.google.com/spreadsheets/d/1ngoQOhJqdguwNAilCl1joNwTje7FWWN9WiI2bo5VhpU/edit?gid=1770874220#gid=1770874220): 用于生成提示词的高级提示词。 -* [**通用项目架构模板**](./i18n/zh/documents/模板与资源/通用项目架构模板.md): 可用于快速搭建标准化的项目目录结构。 +* [**通用项目架构模板**](./i18n/zh/documents/04-资源/通用项目架构模板.md): 可用于快速搭建标准化的项目目录结构。 * [**元技能：Skills 的 Skills**](./i18n/zh/skills/claude-skills/SKILL.md): 用于生成 Skills 的元技能。 -* [**tmux快捷键大全**](./i18n/zh/documents/教程与指南/tmux快捷键大全.md): tmux 的快捷键参考文档。 -* [**LazyVim快捷键大全**](./i18n/zh/documents/教程与指南/LazyVim快捷键大全.md): LazyVim 的快捷键参考文档。 -* [**手机远程 Vibe Coding**](./i18n/zh/documents/教程与指南/关于手机ssh任意位置链接本地计算机，基于frp实现的方法.md): 基于 frp 实现手机 SSH 远程控制本地电脑进行 Vibe Coding。 +* [**tmux快捷键大全**](./i18n/zh/documents/02-方法论/tmux快捷键大全.md): tmux 的快捷键参考文档。 +* [**LazyVim快捷键大全**](./i18n/zh/documents/02-方法论/LazyVim快捷键大全.md): LazyVim 的快捷键参考文档。 +* [**手机远程 Vibe Coding**](./i18n/zh/documents/02-方法论/关于手机ssh任意位置链接本地计算机，基于frp实现的方法.md): 基于 frp 实现手机 SSH 远程控制本地电脑进行 Vibe Coding。 ### 外部教程与资源 @@ -303,14 +303,14 @@ ### 项目内部文档 -* [**胶水编程 (Glue Coding)**](./i18n/zh/documents/胶水编程/): 软件工程的圣杯与银弹，Vibe Coding 的终极进化形态。 +* [**胶水编程 (Glue Coding)**](./i18n/zh/documents/00-基础指南/): 软件工程的圣杯与银弹，Vibe Coding 的终极进化形态。 * [**Chat Vault**](./libs/external/chat-vault/): AI 聊天记录保存工具，支持 Codex/Kiro/Gemini/Claude CLI。 * [**prompts-library 工具说明**](./libs/external/prompts-library/): 支持 Excel 与 Markdown 格式互转，包含数百个精选提示词。 * [**coding_prompts 集合**](./i18n/zh/prompts/coding_prompts/): 适用于 Vibe Coding 流程的专用提示词。 -* [**系统提示词构建原则**](./i18n/zh/documents/方法论与原则/系统提示词构建原则.md): 构建高效 AI 系统提示词的综合指南。 -* [**开发经验总结**](./i18n/zh/documents/方法论与原则/开发经验.md): 变量命名、文件结构、编码规范、架构原则等。 -* [**通用项目架构模板**](./i18n/zh/documents/模板与资源/通用项目架构模板.md): 多种项目类型的标准目录结构。 -* [**Augment MCP 配置文档**](./i18n/zh/documents/教程与指南/auggie-mcp配置文档.md): Augment 上下文引擎配置说明。 +* [**系统提示词构建原则**](./i18n/zh/documents/00-基础指南/系统提示词构建原则.md): 构建高效 AI 系统提示词的综合指南。 +* [**开发经验总结**](./i18n/zh/documents/00-基础指南/开发经验.md): 变量命名、文件结构、编码规范、架构原则等。 +* [**通用项目架构模板**](./i18n/zh/documents/04-资源/通用项目架构模板.md): 多种项目类型的标准目录结构。 +* [**Augment MCP 配置文档**](./i18n/zh/documents/02-方法论/auggie-mcp配置文档.md): Augment 上下文引擎配置说明。 * [**system_prompts 集合**](./i18n/zh/prompts/system_prompts/): AI 开发的系统提示词，含多版本开发规范。 * [**外部资源聚合**](./i18n/zh/documents/外部资源聚合/): GitHub 精选仓库、AI 工具平台、提示词资源、优质博主汇总。 @@ -353,9 +353,9 @@ ├── CLAUDE.md # AI 助手的核心行为准则或配置。 │ ├── i18n/zh/documents/ # 存放各类说明文档、经验总结和配置详细说明。 -│ ├── 方法论与原则/ # 方法论与原则 -│ ├── 模板与资源/ # 模板与资源 -│ └── 教程与指南/ # 教程与指南 +│ ├── 00-基础指南/ # 方法论与原则 +│ ├── 04-资源/ # 模板与资源 +│ └── 02-方法论/ # 教程与指南 │ ├── libs/ # 通用库代码，用于项目内部模块化。 │ ├── common/ # 通用功能模块。 @@ -420,7 +420,7 @@ i18n/zh/prompts/ assistant_prompts/ # 辅助/配合型提示 user_prompts/ # 可复用的用户侧提示词 i18n/zh/documents/ - 模板与资源/代码组织.md, 模板与资源/通用项目架构模板.md, 方法论与原则/开发经验.md, 方法论与原则/系统提示词构建原则.md 等知识库 + 04-资源/代码组织.md, 04-资源/通用项目架构模板.md, 00-基础指南/开发经验.md, 00-基础指南/系统提示词构建原则.md 等知识库 backups/ 一键备份.sh, 快速备份.py # 本地/远端快照脚本 ``` diff --git a/i18n/zh/documents/02-方法论/A Formalization of Recursive Self-Optimizing Generative Systems.md b/i18n/zh/documents/00-基础指南/A Formalization of Recursive Self-Optimizing Generative Systems.md similarity index 100% rename from i18n/zh/documents/02-方法论/A Formalization of Recursive Self-Optimizing Generative Systems.md rename to i18n/zh/documents/00-基础指南/A Formalization of Recursive Self-Optimizing Generative Systems.md diff --git a/i18n/zh/documents/00-基础指南/README.md b/i18n/zh/documents/00-基础指南/README.md new file mode 100644 index 0000000..6c6863a --- /dev/null +++ b/i18n/zh/documents/00-基础指南/README.md @@ -0,0 +1,22 @@ +# 🧭 基础指南 + +> Vibe Coding 的核心理念、原则与方法论 + +## 📖 核心方法论 + +### 胶水编程 (Glue Coding) +- [胶水编程](./胶水编程.md) - 软件工程的圣杯与银弹 +- [语言层要素](./语言层要素.md) - 看懂 100% 代码的 8 个层级 +- [Glue Coding (EN)](./gluecoding.md) - English version + +### 理论基础 +- [递归自优化系统形式化](./A%20Formalization%20of%20Recursive%20Self-Optimizing%20Generative%20Systems.md) - 元方法论 +- [编程之道](./编程之道.md) - 编程哲学 + +### 提示词工程 +- [系统提示词构建原则](./系统提示词构建原则.md) - 构建高效 AI 系统提示词 + +## 🔗 相关资源 +- [入门指南](../01-入门指南/) - 从零开始 +- [方法论](../02-方法论/) - 工具与经验 +- [实战](../03-实战/) - 动手实践 diff --git a/i18n/zh/documents/02-方法论/gluecoding.md b/i18n/zh/documents/00-基础指南/gluecoding.md similarity index 100% rename from i18n/zh/documents/02-方法论/gluecoding.md rename to i18n/zh/documents/00-基础指南/gluecoding.md diff --git a/i18n/zh/documents/04-资源/常见坑汇总.md b/i18n/zh/documents/00-基础指南/常见坑汇总.md similarity index 100% rename from i18n/zh/documents/04-资源/常见坑汇总.md rename to i18n/zh/documents/00-基础指南/常见坑汇总.md diff --git a/i18n/zh/documents/02-方法论/系统提示词构建原则.md b/i18n/zh/documents/00-基础指南/系统提示词构建原则.md similarity index 100% rename from i18n/zh/documents/02-方法论/系统提示词构建原则.md rename to i18n/zh/documents/00-基础指南/系统提示词构建原则.md diff --git a/i18n/zh/documents/02-方法论/编程之道.md b/i18n/zh/documents/00-基础指南/编程之道.md similarity index 98% rename from i18n/zh/documents/02-方法论/编程之道.md rename to i18n/zh/documents/00-基础指南/编程之道.md index b3e7145..f769223 100644 --- a/i18n/zh/documents/02-方法论/编程之道.md +++ b/i18n/zh/documents/00-基础指南/编程之道.md @@ -1,5 +1,7 @@ # 🧭 编程之道 +> 绝利一源，用师十倍。三返昼夜，用师万倍。 + 一份关于编程本质、抽象、原则、哲学的高度浓缩稿 它不是教程，而是“道”：思想的结构 diff --git a/i18n/zh/documents/02-方法论/胶水编程-概述.md b/i18n/zh/documents/00-基础指南/胶水编程.md similarity index 59% rename from i18n/zh/documents/02-方法论/胶水编程-概述.md rename to i18n/zh/documents/00-基础指南/胶水编程.md index c0e4b44..81fbf47 100644 --- a/i18n/zh/documents/02-方法论/胶水编程-概述.md +++ b/i18n/zh/documents/00-基础指南/胶水编程.md @@ -171,3 +171,165 @@ AI 不再需要"发明"任何东西。它只需要： --- *"The best code is no code at all. The second best is glue code."* + +# 胶水编程（glue coding）方法论 + +## **1. 胶水编程的定义** + +**胶水编程（glue coding）**是一种新型的软件构建方式，其核心理念是： + +> **几乎完全复用成熟开源组件，通过最小量的“胶水代码”将它们组合成完整系统** + +它强调的是“连接”而不是“创造”，在 AI 时代尤其高效 + +## **2. 产生背景** + +传统软件工程往往需要开发者： + +* 设计架构 +* 自己编写逻辑 +* 手动处理各种细节 +* 重复造轮子 + +这导致开发成本高、周期长、成功率低 + +而当下的生态已经发生根本变化： + +* GitHub 上成熟的开源库成千上万 +* 框架覆盖各种场景（Web、AI、分布式、模型推理…） +* GPT / Grok 能帮助搜索、分析、组合这些项目 + +在这种环境中，再从零写代码已经不是最高效的方式 + +于是，“胶水编程”成为一种新范式 + +## **3. 胶水编程的核心原则** + +### **3.1 凡是能不写的就不写，凡是能少写的就少写** + +任何已有成熟实现的功能，都不应该重新造轮子 + +### **3.2 凡是能 CV 就 CV** + +直接复制使用经过社区检验的代码，属于正常工程流程，而非偷懒 + +### **3.3 站在巨人的肩膀上，而不是试图成为巨人** + +利用现成框架，而不是试图自己再写一个“更好的轮子” + +### **3.4 不修改原仓库代码** + +所有开源库应尽量保持不可变，作为黑盒使用 + +### **3.5 自定义代码越少越好** + +你写的代码只承担： + +* 组合 +* 调用 +* 封装 +* 适配 + +也就是所谓的**胶水层** + +## **4. 胶水编程的标准流程** + +### **4.1 明确需求** + +把系统要实现的功能拆成一个个需求点 + +### **4.2 使用 GPT/Grok 拆解需求** + +让 AI 将需求细化为可复用模块、能力点和对应的子任务 + +### **4.3 搜索现成的开源实现** + +利用 GPT 的联网能力（如 Grok）： + +* 根据每个子需求搜索对应的 GitHub 仓库 +* 检查是否存在可复用组件 +* 对比质量、实现方式、许可证等 + +### **4.4 下载并整理仓库** + +将选定的仓库拉取到本地，分类整理 + +### **4.5 按架构体系进行组织** + +把这些仓库放置到项目结构中，例如： + +``` +/services +/libs +/third_party +/glue +``` + +并强调：**开源仓库作为第三方依赖，绝对不可修改。** + +### **4.6 编写胶水层代码** + +胶水代码的作用包括： + +* 封装接口 +* 统一输入输出 +* 连接不同组件 +* 实现最小业务逻辑 + +最终系统通过多个成熟模块组合而成 + +## **5. 胶水编程的价值** + +### **5.1 极高的成功率** + +因为使用的是社区验证过的成熟代码 + +### **5.2 开发速度极快** + +大量功能可以直接复用 + +### **5.3 降低成本** + +时间成本、维护成本、学习成本都大幅减少 + +### **5.4 系统更稳定** + +依赖成熟框架而非个人实现 + +### **5.5 易于扩展** + +通过替换组件就能轻松升级能力 + +### **5.6 与 AI 强配** + +GPT 能辅助搜索、拆解、整合，是胶水工程的天然增强器 +## **6. 胶水编程 vs 传统开发** + +| 项目 | 传统开发 | 胶水编程 | +| ------ | ----- | ------ | +| 功能实现方式 | 自己写 | 复用开源 | +| 工作量 | 大 | 小得多 | +| 成功率 | 不确定 | 高 | +| 速度 | 慢 | 极快 | +| 错误率 | 容易踩坑 | 使用成熟方案 | +| 重点 | “造轮子” | “组合轮子” | + +## **7. 胶水编程的典型应用场景** + +* 快速原型开发 +* 小团队构建大系统 +* AI 应用/模型推理平台 +* 数据处理流水线 +* 内部工具开发 +* 系统集成（System Integration） + +## **8. 未来：胶水工程将成为新的主流编程方式** + +随着 AI 能力不断增强，未来的开发者不再需要自己写大量代码，而是： + +* 找轮子 +* 组合轮子 +* 智能连接组件 +* 以极低成本构建复杂系统 + +胶水编程将会成为新的软件生产力标准 diff --git a/i18n/zh/documents/02-方法论/语言层要素.md b/i18n/zh/documents/00-基础指南/语言层要素.md similarity index 100% rename from i18n/zh/documents/02-方法论/语言层要素.md rename to i18n/zh/documents/00-基础指南/语言层要素.md diff --git a/i18n/zh/documents/01-入门指南/README.md b/i18n/zh/documents/01-入门指南/README.md index 4c9ac55..12643fd 100644 --- a/i18n/zh/documents/01-入门指南/README.md +++ b/i18n/zh/documents/01-入门指南/README.md @@ -1,21 +1,15 @@ # 🚀 入门指南 -> 从零开始学习 Vibe Coding，配置环境，掌握工具 +> 从零开始学习 Vibe Coding，配置环境 ## 📚 学习路径 -### 从零开始 1. [Vibe Coding 哲学原理](./00-Vibe%20Coding%20哲学原理.md) - 理解核心理念 2. [网络环境配置](./01-网络环境配置.md) - 配置网络访问 3. [开发环境搭建](./02-开发环境搭建.md) - 搭建开发环境 4. [IDE 配置](./03-IDE配置.md) - 配置编辑器 -### 工具教程 -- [tmux 快捷键大全](./tmux快捷键大全.md) - 终端复用工具 -- [LazyVim 快捷键大全](./LazyVim快捷键大全.md) - Neovim 配置框架 -- [Augment MCP 配置](./auggie-mcp配置文档.md) - 上下文引擎配置 -- [手机远程 Vibe Coding](./关于手机ssh任意位置链接本地计算机，基于frp实现的方法.md) - 基于 frp 的远程开发 - ## 🔗 相关资源 -- [方法论](../02-方法论/) - 深入理解 Vibe Coding 方法论 +- [基础指南](../00-基础指南/) - 核心理念与方法论 +- [方法论](../02-方法论/) - 工具与经验 - [实战](../03-实战/) - 动手实践项目 diff --git a/i18n/zh/documents/01-入门指南/LazyVim快捷键大全.md b/i18n/zh/documents/02-方法论/LazyVim快捷键大全.md similarity index 100% rename from i18n/zh/documents/01-入门指南/LazyVim快捷键大全.md rename to i18n/zh/documents/02-方法论/LazyVim快捷键大全.md diff --git a/i18n/zh/documents/02-方法论/README.md b/i18n/zh/documents/02-方法论/README.md index 79adad7..25f4e18 100644 --- a/i18n/zh/documents/02-方法论/README.md +++ b/i18n/zh/documents/02-方法论/README.md @@ -1,32 +1,21 @@ -# 🧭 方法论 +# 🛠️ 方法论 -> Vibe Coding 的核心理念、原则与经验 +> 工具使用、开发经验与实践技巧 -## 📖 核心方法论 +## 📖 工具教程 -### 胶水编程 (Glue Coding) -- [胶水编程概述](./胶水编程-概述.md) - 软件工程的圣杯与银弹 -- [胶水编程详解](./胶水编程.md) - 深入理解胶水编程 -- [语言层要素](./语言层要素.md) - 看懂 100% 代码的 8 个层级 -- [Glue Coding (EN)](./gluecoding.md) - English version - -### 理论基础 -- [递归自优化系统形式化](./A%20Formalization%20of%20Recursive%20Self-Optimizing%20Generative%20Systems.md) - 元方法论 -- [编程之道](./编程之道.md) - 编程哲学 - -## 🛠️ 实践原则 - -### 开发经验 -- [开发经验](./开发经验.md) - 变量命名、文件结构、编码规范 -- [学习经验](./学习经验.md) - 学习方法与技巧 -- [Vibe Coding 经验收集](./vibe-coding-经验收集.md) - 社区经验汇总 - -### 提示词工程 -- [系统提示词构建原则](./系统提示词构建原则.md) - 构建高效 AI 系统提示词 - -### 工具配置 +- [tmux 快捷键大全](./tmux快捷键大全.md) - 终端复用工具 +- [LazyVim 快捷键大全](./LazyVim快捷键大全.md) - Neovim 配置框架 +- [Augment MCP 配置](./auggie-mcp配置文档.md) - 上下文引擎配置 +- [手机远程 Vibe Coding](./关于手机ssh任意位置链接本地计算机，基于frp实现的方法.md) - 基于 frp 的远程开发 - [GEMINI-HEADLESS](./GEMINI-HEADLESS.md) - Gemini 无头模式配置 +## 🛠️ 开发经验 + +- [开发经验](./开发经验.md) - 变量命名、文件结构、编码规范 +- [Vibe Coding 经验收集](./vibe-coding-经验收集.md) - 社区经验汇总 + ## 🔗 相关资源 +- [基础指南](../00-基础指南/) - 核心理念与方法论 - [入门指南](../01-入门指南/) - 从零开始 - [实战](../03-实战/) - 动手实践 diff --git a/i18n/zh/documents/01-入门指南/auggie-mcp配置文档.md b/i18n/zh/documents/02-方法论/auggie-mcp配置文档.md similarity index 100% rename from i18n/zh/documents/01-入门指南/auggie-mcp配置文档.md rename to i18n/zh/documents/02-方法论/auggie-mcp配置文档.md diff --git a/i18n/zh/documents/01-入门指南/tmux快捷键大全.md b/i18n/zh/documents/02-方法论/tmux快捷键大全.md similarity index 100% rename from i18n/zh/documents/01-入门指南/tmux快捷键大全.md rename to i18n/zh/documents/02-方法论/tmux快捷键大全.md diff --git a/i18n/zh/documents/01-入门指南/关于手机ssh任意位置链接本地计算机，基于frp实现的方法.md b/i18n/zh/documents/02-方法论/关于手机ssh任意位置链接本地计算机，基于frp实现的方法.md similarity index 100% rename from i18n/zh/documents/01-入门指南/关于手机ssh任意位置链接本地计算机，基于frp实现的方法.md rename to i18n/zh/documents/02-方法论/关于手机ssh任意位置链接本地计算机，基于frp实现的方法.md diff --git a/i18n/zh/documents/02-方法论/学习经验.md b/i18n/zh/documents/02-方法论/学习经验.md deleted file mode 100644 index 3049cdc..0000000 --- a/i18n/zh/documents/02-方法论/学习经验.md +++ /dev/null @@ -1,5 +0,0 @@ -让我印象最深刻的几段文本 - -黄帝阴符经： 绝利一源，用师十倍。三返昼夜，用师万倍 - -抖音曰：人者，利之所驱也；大利大为，小利小为，无利不为 \ No newline at end of file diff --git a/i18n/zh/documents/02-方法论/胶水编程.md b/i18n/zh/documents/02-方法论/胶水编程.md deleted file mode 100644 index 93f648c..0000000 --- a/i18n/zh/documents/02-方法论/胶水编程.md +++ /dev/null @@ -1,161 +0,0 @@ -# 胶水编程（glue coding）方法论 - -## **1. 胶水编程的定义** - -**胶水编程（glue coding）**是一种新型的软件构建方式，其核心理念是： - -> **几乎完全复用成熟开源组件，通过最小量的“胶水代码”将它们组合成完整系统** - -它强调的是“连接”而不是“创造”，在 AI 时代尤其高效 - -## **2. 产生背景** - -传统软件工程往往需要开发者： - -* 设计架构 -* 自己编写逻辑 -* 手动处理各种细节 -* 重复造轮子 - -这导致开发成本高、周期长、成功率低 - -而当下的生态已经发生根本变化： - -* GitHub 上成熟的开源库成千上万 -* 框架覆盖各种场景（Web、AI、分布式、模型推理…） -* GPT / Grok 能帮助搜索、分析、组合这些项目 - -在这种环境中，再从零写代码已经不是最高效的方式 - -于是，“胶水编程”成为一种新范式 - -## **3. 胶水编程的核心原则** - -### **3.1 凡是能不写的就不写，凡是能少写的就少写** - -任何已有成熟实现的功能，都不应该重新造轮子 - -### **3.2 凡是能 CV 就 CV** - -直接复制使用经过社区检验的代码，属于正常工程流程，而非偷懒 - -### **3.3 站在巨人的肩膀上，而不是试图成为巨人** - -利用现成框架，而不是试图自己再写一个“更好的轮子” - -### **3.4 不修改原仓库代码** - -所有开源库应尽量保持不可变，作为黑盒使用 - -### **3.5 自定义代码越少越好** - -你写的代码只承担： - -* 组合 -* 调用 -* 封装 -* 适配 - -也就是所谓的**胶水层** - -## **4. 胶水编程的标准流程** - -### **4.1 明确需求** - -把系统要实现的功能拆成一个个需求点 - -### **4.2 使用 GPT/Grok 拆解需求** - -让 AI 将需求细化为可复用模块、能力点和对应的子任务 - -### **4.3 搜索现成的开源实现** - -利用 GPT 的联网能力（如 Grok）： - -* 根据每个子需求搜索对应的 GitHub 仓库 -* 检查是否存在可复用组件 -* 对比质量、实现方式、许可证等 - -### **4.4 下载并整理仓库** - -将选定的仓库拉取到本地，分类整理 - -### **4.5 按架构体系进行组织** - -把这些仓库放置到项目结构中，例如： - -``` -/services -/libs -/third_party -/glue -``` - -并强调：**开源仓库作为第三方依赖，绝对不可修改。** - -### **4.6 编写胶水层代码** - -胶水代码的作用包括： - -* 封装接口 -* 统一输入输出 -* 连接不同组件 -* 实现最小业务逻辑 - -最终系统通过多个成熟模块组合而成 - -## **5. 胶水编程的价值** - -### **5.1 极高的成功率** - -因为使用的是社区验证过的成熟代码 - -### **5.2 开发速度极快** - -大量功能可以直接复用 - -### **5.3 降低成本** - -时间成本、维护成本、学习成本都大幅减少 - -### **5.4 系统更稳定** - -依赖成熟框架而非个人实现 - -### **5.5 易于扩展** - -通过替换组件就能轻松升级能力 - -### **5.6 与 AI 强配** - -GPT 能辅助搜索、拆解、整合，是胶水工程的天然增强器 -## **6. 胶水编程 vs 传统开发** - -| 项目 | 传统开发 | 胶水编程 | -| ------ | ----- | ------ | -| 功能实现方式 | 自己写 | 复用开源 | -| 工作量 | 大 | 小得多 | -| 成功率 | 不确定 | 高 | -| 速度 | 慢 | 极快 | -| 错误率 | 容易踩坑 | 使用成熟方案 | -| 重点 | “造轮子” | “组合轮子” | - -## **7. 胶水编程的典型应用场景** - -* 快速原型开发 -* 小团队构建大系统 -* AI 应用/模型推理平台 -* 数据处理流水线 -* 内部工具开发 -* 系统集成（System Integration） - -## **8. 未来：胶水工程将成为新的主流编程方式** - -随着 AI 能力不断增强，未来的开发者不再需要自己写大量代码，而是： - -* 找轮子 -* 组合轮子 -* 智能连接组件 -* 以极低成本构建复杂系统 - -胶水编程将会成为新的软件生产力标准 diff --git a/i18n/zh/documents/03-实战/01-todo-app.md b/i18n/zh/documents/03-实战/01-todo-app.md deleted file mode 100644 index 8ad7693..0000000 --- a/i18n/zh/documents/03-实战/01-todo-app.md +++ /dev/null @@ -1,117 +0,0 @@ -# 🎯 实战案例：30 分钟做一个 Todo App - -> 难度：⭐ 入门 | 技术栈：HTML/CSS/JS | 耗时：30 分钟 - ---- - -## 最终效果 - - -一个简洁的待办事项应用，支持： -- ✅ 添加任务 -- ✅ 完成/取消完成 -- ✅ 删除任务 -- ✅ 本地存储（刷新不丢失） - ---- - -## 第 1 步：启动对话 - -复制以下提示词，粘贴到 [Claude](https://claude.ai/) 或 [ChatGPT](https://chatgpt.com/)： - -``` -你是一个专业的前端开发助手。我想用 Vibe Coding 的方式做一个 Todo App。 - -项目要求： -- 纯 HTML/CSS/JS，不用任何框架 -- 单文件实现（一个 index.html） -- 功能：添加任务、完成任务、删除任务 -- 数据存到 localStorage，刷新不丢失 -- 界面简洁美观，有动画效果 - -请直接给我完整代码，我复制到 index.html 就能运行。 -``` - ---- - -## 第 2 步：获取代码 - -AI 会给你一个完整的 `index.html` 文件，大约 150-200 行代码。 - -**示例代码结构**： -```html - - - - Todo App - - - -
-

📝 我的待办

- - -
- - - -``` - ---- - -## 第 3 步：运行测试 - -1. 新建文件 `index.html` -2. 粘贴 AI 给的代码 -3. 双击打开，或用 VS Code Live Server - ---- - -## 第 4 步：迭代优化 - -不满意？继续对话： - -``` -请帮我优化： -1. 添加深色模式切换 -2. 任务支持拖拽排序 -3. 添加任务分类功能 -``` - ---- - -## 踩坑记录 - -| 问题 | 解决方案 | -|:---|:---| -| localStorage 报错 | 用浏览器打开，不要直接双击 file:// | -| 样式不生效 | 检查 CSS 是否在 `