第6课：AI编程方法论

什么是AI编程方法论？

AI编程方法论是使用AI工具进行软件开发的最佳实践和工作流程。

核心理念

表达需求 - 用自然语言描述你想要什么
验证迭代 - 检查结果，继续优化
保持一致 - 确保代码风格和架构一致
持续学习 - AI会记住你的偏好和项目上下文

大项目开发流程

1. 需求分析

在开始编码前，先明确需求：

我要开发一个任务管理应用，功能包括：
- 用户注册登录
- 创建/编辑/删除任务
- 任务分类和标签
- 任务优先级
- 截止日期提醒
- 团队协作

2. 技术选型

选择合适的技术栈：

前端：React + TypeScript + Tailwind CSS
后端：Node.js + Express + TypeScript
数据库：PostgreSQL + Prisma
认证：JWT + bcrypt
部署：Vercel + Supabase

3. 架构设计

设计项目架构：

src/
├── components/     # React组件
├── pages/          # 页面
├── hooks/          # 自定义Hook
├── services/       # API服务
├── utils/          # 工具函数
├── types/          # TypeScript类型
└── styles/         # 样式文件

4. 任务分解

将大任务分解为小任务：

第一阶段：基础功能
- 用户注册登录
- 任务CRUD
- 基础UI

第二阶段：高级功能
- 分类和标签
- 优先级和截止日期
- 搜索和过滤

第三阶段：协作功能
- 团队管理
- 任务分配
- 实时同步

5. 迭代开发

逐步完成每个任务：

每次迭代：
1. 选择一个任务
2. 用AI生成代码
3. 测试和调试
4. 提交代码
5. 进入下一个任务

保持代码一致性

1. 代码风格

使用ESLint和Prettier保持一致：

// .eslintrc.json
{
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:@typescript-eslint/recommended"
  ],
  "rules": {
    "semi": ["error", "always"],
    "quotes": ["error", "single"]
  }
}

2. 命名规范

统一命名规范：

组件：PascalCase (UserProfile)
函数：camelCase (getUserData)
常量：UPPER_SNAKE_CASE (API_URL)
文件：kebab-case (user-profile.tsx)

3. 目录结构

保持一致的目录结构：

每个功能模块：
├── components/     # 模块组件
├── hooks/          # 模块Hook
├── services/       # 模块服务
├── types/          # 模块类型
└── utils/          # 模块工具

4. AI上下文

在提示词中保持上下文：

我正在开发一个任务管理应用，使用React + TypeScript。
项目结构如下：[结构]
现有代码风格：[风格]
请帮我添加[功能]，保持与现有代码一致。

长期记忆机制

1. 项目文档

创建和维护项目文档：

# README.md
## 项目简介
任务管理应用

## 技术栈
- React 18
- TypeScript
- Tailwind CSS
- Node.js
- PostgreSQL

## 快速开始
npm install
npm run dev

## 项目结构
[结构说明]

2. 代码注释

添加有意义的注释：

/**
 * 计算两个日期之间的工作日数量
 * @param startDate 开始日期
 * @param endDate 结束日期
 * @param holidays 节假日列表
 * @returns 工作日数量
 */
function calculateWorkdays(
  startDate: Date,
  endDate: Date,
  holidays: Date[] = []
): number {
  // 实现
}

3. Git提交

使用清晰的提交信息：

feat: 添加用户登录功能
fix: 修复任务列表排序问题
docs: 更新README文档
style: 格式化代码
refactor: 重构用户服务
test: 添加单元测试

4. AI记忆

利用AI的记忆能力：

记住以下信息：
- 项目使用React + TypeScript
- 代码风格使用ESLint + Prettier
- 组件使用函数式组件 + Hooks
- 状态管理使用Zustand
- 样式使用Tailwind CSS

实战案例

案例1：从零开始

我要从零开始创建一个博客系统，请帮我：

1. 初始化项目
2. 设计数据库
3. 创建API
4. 开发前端
5. 部署上线

技术栈：Next.js + Prisma + PostgreSQL

案例2：功能扩展

我有一个现有的电商网站，需要添加购物车功能。

现有代码：
- 前端：React
- 后端：Node.js
- 数据库：MongoDB

请帮我设计和实现购物车功能，保持与现有代码一致。

案例3：代码重构

我有一个老旧的PHP项目，需要重构为现代架构。

当前状态：
- PHP 5.6
- 无框架
- 混合HTML和PHP

目标：
- Laravel框架
- RESTful API
- Vue.js前端

请帮我制定重构计划。

常见问题

Q: 如何处理大型项目？

A: 分解为小模块，逐步开发。每个模块独立测试，最后集成。

Q: 如何保持代码一致性？

A: 使用ESLint、Prettier，建立代码规范，在AI提示中强调一致性。

Q: AI会记住我的项目吗？

A: AI有上下文记忆，但会话结束后会丢失。建议维护项目文档。

动手练习

练习1：项目规划

为一个新项目制定开发计划。

练习2：代码规范

为项目建立代码规范。

练习3：文档编写

为项目编写README文档。

下一步

完成本课后，你将：

✅ 理解AI编程的方法论
✅ 掌握大项目的开发流程
✅ 学会维护代码一致性
✅ 了解长期记忆机制