CLAUDE.md 配置文件

# 编辑 CLAUDE.md 记忆文件
/memory

# 初始化项目并创建 CLAUDE.md 指南
/init

# 用户目录下的全局配置
~/.claude/CLAUDE.md

# 项目根目录
./CLAUDE.md

# 我的 Claude Code 配置
 
## 编程风格偏好
- 使用 TypeScript 而不是 JavaScript
- 优先选择函数式编程风格
- 使用 const/let 而不是 var
- 所有函数都要有类型注解
 
## 代码约定
- 使用 2 空格缩进
- 函数名使用 camelCase
- 常量使用 UPPER_SNAKE_CASE
- 导入语句按字母顺序排列
 
## 项目信息
- 项目类型：Next.js + TypeScript
- 样式框架：Tailwind CSS
- 数据库：PostgreSQL with Prisma ORM
- 状态管理：Zustand
- 测试框架：Jest + Testing Library
 
## 开发工作流
- 每次修改后运行 `npm run lint`
- 提交前必须运行 `npm test`
- 使用 Conventional Commits 格式
- 所有 PR 都需要代码审查

## 团队开发规范
 
### Git 工作流
- 使用 feature/task-name 分支命名
- 所有 commit 必须遵循 Conventional Commits
- PR 标题格式：[类型] 简短描述
- 代码必须通过所有 CI 检查
 
### 代码质量
- 所有函数必须有 JSDoc 注释
- 测试覆盖率不低于 80%
- 禁止使用 any 类型
- 所有异步操作必须有错误处理
 
### 审查要求
- 每个 PR 至少需要 2 个审查者
- 安全相关变更需要 security team 审查
- 数据库变更需要 DBA 确认

## 快捷命令定义
当我说"快速部署"时，执行以下步骤：
1. 运行测试套件
2. 构建生产版本
3. 部署到 staging 环境
4. 运行冒烟测试
5. 如果通过则部署到生产环境
 
当我说"全面检查"时，执行：
1. ESLint 代码检查
2. TypeScript 类型检查
3. 单元测试 + 集成测试
4. 性能测试
5. 安全扫描

## 项目架构说明
 
### 目录结构
- `src/components/` - 可复用组件
- `src/pages/` - Next.js 页面
- `src/lib/` - 通用工具函数
- `src/hooks/` - 自定义 React hooks
- `src/types/` - TypeScript 类型定义
 
### 重要约定
- 所有 API 调用通过 `src/lib/api.ts`
- 环境变量前缀必须是 `NEXT_PUBLIC_` 或 `APP_`
- 组件 props 接口以 `Props` 后缀命名
- 自定义 hooks 以 `use` 前缀命名
 
### 已知问题和解决方案
- Safari 中的 CSS Grid 问题：使用 flexbox 替代
- 移动端滚动问题：添加 -webkit-overflow-scrolling: touch
- 图片优化：使用 Next.js Image 组件，尺寸比例 16:9

## 配置维护
- 定期更新技术栈版本信息
- 根据项目演进调整规范
- 删除过时的配置项
- 与团队同步配置变更

Claude：我来帮你创建一个登录组件。
// 创建了基本的 JavaScript 组件

Claude：根据你的配置偏好，我来创建一个 TypeScript 登录组件，
使用 Tailwind CSS 样式，遵循你的 camelCase 函数命名约定，
并添加完整的类型定义。

// 创建了符合项目规范的 TypeScript 组件