第6课：AI编程方法论

核心观点

工具会变，但方法论不会变

Claude Code会更新，新的AI工具会出现，但"如何拆分任务"、"如何保持一致性"、"如何管理长期记忆"这些方法论是通用的。掌握了方法论，你用任何工具都能做出好项目。

静态项目 vs 动态项目

在开始项目之前，先理解两种项目类型的区别：

静态项目

纯前端，不需要服务器

特点：

• 只有 HTML + CSS + JavaScript
• 数据存在浏览器本地（localStorage）
• 不需要后端服务器
• 部署简单，直接上传文件即可

适合场景：

• 个人简历网站
• 产品展示页
• 简单的计算器
• 待办事项（本地存储）

AI编程提示词："帮我做一个纯前端的xxx，所有代码放在一个index.html里"

动态项目

有后端，需要服务器

特点：

• 前端 + 后端（API）
• 数据存在数据库
• 需要服务器运行
• 支持用户登录、数据持久化

适合场景：

• 博客系统
• 电商平台
• 用户管理系统
• 社交应用

AI编程提示词："帮我做一个全栈的xxx，前端用React，后端用Node.js，数据库用SQLite"

技术栈选择建议

项目类型	前端	后端	数据库	部署
静态项目	HTML/CSS/JS	无	localStorage	EdgeOne Pages
简单动态	React/Vue	Next.js API	SQLite	Vercel
复杂动态	React	Node.js/Express	PostgreSQL	云服务器

大项目流程

做大项目不能一股脑让AI写，要有清晰的流程：

1

需求分析

先想清楚要做什么，不要急着写代码

产出：需求文档、功能列表

2

架构设计

设计项目结构、技术选型、模块划分

产出：架构图、技术方案

3

任务拆分

把大功能拆成小任务，每个任务独立可测试

产出：任务清单、优先级排序

4

逐个实现

一个任务一个任务地让AI实现，每完成一个就测试

产出：可运行的代码

5

集成测试

把所有模块组合起来，测试整体功能

产出：完整的产品

任务拆分技巧

好的任务拆分应该满足：

✅

独立可测试

每个任务完成后都能单独测试

✅

粒度适中

不要太粗（太大），也不要太细（太碎）

✅

有明确产出

每个任务完成后有具体的成果

示例：做一个博客网站

• 任务1：搭建项目框架（React + Router）
• 任务2：实现文章列表页
• 任务3：实现文章详情页
• 任务4：实现关于我页面
• 任务5：添加导航栏和页脚
• 任务6：美化样式

端到端项目演示：个人记账本

让我们用完整的方法论，做一个个人记账本应用：

1. 需求分析

功能需求：

• 记录收入和支出
• 分类管理（餐饮、交通、工资等）
• 查看账单列表
• 统计图表（按月/按分类）

技术选型：

• 纯前端（静态项目）
• 数据存储：localStorage
• 图表：Chart.js

2. 任务拆分

1 搭建项目框架（HTML + Tailwind CSS）
2 实现记账表单（收入/支出、金额、分类、日期）
3 实现账单列表（显示、删除、编辑）
4 实现数据持久化（localStorage）
5 实现统计图表（Chart.js）
6 美化界面和响应式适配

3. 逐个实现（提示词示例）

任务1的提示词：

"帮我创建一个记账本网页应用的框架，使用HTML + Tailwind CSS，要有导航栏、主内容区、页脚"

任务2的提示词：

"在现有框架上添加记账表单，包含：类型选择（收入/支出）、金额输入、分类选择（餐饮/交通/工资/其他）、日期选择、备注输入"

4. 集成测试

所有功能完成后，测试整体流程：

• 添加一笔收入，检查是否正确显示
• 添加一笔支出，检查分类是否正确
• 刷新页面，检查数据是否保存
• 查看统计图表，检查数据是否准确

如何保持一致性

AI每次生成的代码风格可能不一样，需要主动保持一致性：

1

建立项目规范

在项目根目录创建规范文件，告诉AI你的代码风格

# .cursorrules 或 CLAUDE.md

## 代码规范
- 变量命名：camelCase
- 组件命名：PascalCase
- 使用TypeScript
- 使用Tailwind CSS

## 项目结构
- src/components/ 组件
- src/pages/ 页面
- src/utils/ 工具函数

2

用模板约束输出

给AI一个代码模板，让它按照模板生成

3

代码审查

每次AI生成代码后，检查是否符合规范

长期记忆管理

AI的记忆是什么？如何让AI记住项目上下文？

AI的记忆类型

短

短期记忆

当前对话的上下文
长

长期记忆

项目规范、历史决策、偏好设置

如何管理长期记忆

MEMORY.md

记录项目的重要决策和偏好
CLAUDE.md

Claude Code的项目规范文件
定期总结

让AI总结之前的对话和决策

人机协作模式

AI是你的编程伙伴，不是编程替代品

🎯

人做决策

需求分析、架构设计、优先级排序

🤖

AI做执行

写代码、生成文档、运行测试

👁️

人做审核

检查质量、判断对错、决定方向

实战练习

练习：用方法论做一个项目

1

选择一个项目

比如：个人简历网站、天气应用、记账本

2

写出需求文档

列出所有功能，排好优先级

3

拆分任务

把项目拆成5-10个小任务

4