再见 Cursor！玩转 Claude Code 的 23 个实用小技巧

# 在 Claude Code 中输入
> /bash

# 进入 Bash 模式后可以直接执行命令
$ ls -la
$ git status
$ npm install

plan mode on

Claude 会先制定详细计划：
1. 分析需求
2. 设计架构
3. 列出实施步骤
4. 预估时间

是否执行？[Y/n]

"请对 src/ 目录下所有 .js 文件进行以下操作：
1. 转换为 TypeScript
2. 添加类型注解
3. 修复 ESLint 错误"

@Button.tsx 中的 onClick 处理函数有问题，请修复
@api/* 所有 API 文件添加错误处理
@**/*.test.ts 运行所有测试文件

> /clear
# 清除当前会话上下文

> /compact
# 压缩冗长的对话历史

> /save context-name
# 保存当前上下文供后续使用

"基于以下模板生成 5 个页面组件：
- 布局：两栏式
- 功能：列表展示
- 样式：使用 Tailwind
页面名称：用户、产品、订单、评论、设置"

"重构 UserService 类：
1. 拆分成更小的模块
2. 应用 SOLID 原则
3. 添加单元测试
4. 保持向后兼容"

"分析 @pages/Dashboard.tsx 的性能瓶颈：
1. 识别重渲染问题
2. 找出内存泄漏
3. 优化大数据渲染
4. 提供具体优化方案"

"为 @services/auth.ts 生成完整测试套件：
- 单元测试：所有公共方法
- 集成测试：API 调用
- 边界测试：异常情况
- Mock 数据：realistic test data"

"扫描整个项目，生成：
1. API 文档（OpenAPI 格式）
2. 组件文档（Storybook 格式）
3. README 文件
4. CHANGELOG"

"分析 package.json：
1. 找出未使用的依赖
2. 检查过时的包
3. 识别安全漏洞
4. 推荐替代方案"

"创建 Git 自动化脚本：
1. 格式化代码
2. 运行测试
3. 生成 commit message
4. 创建 PR
5. 更新 CHANGELOG"

"基于新的数据模型生成迁移：
旧模型：@models/user.old.ts
新模型：@models/user.new.ts
生成：
- 迁移脚本
- 回滚脚本
- 数据转换逻辑"

"基于 @api/openapi.yaml 生成：
1. Mock 服务器
2. 测试数据
3. Postman 集合
4. 客户端 SDK"

"统一整个项目的代码风格：
1. 应用 Prettier 配置
2. 修复 ESLint 问题
3. 统一命名规范
4. 整理 import 语句"

"执行安全审计：
1. 扫描敏感信息泄露
2. 检查 SQL 注入风险
3. 识别 XSS 漏洞
4. 审查权限控制"

"为项目添加国际化支持：
1. 提取所有硬编码文本
2. 创建语言文件（中/英）
3. 实现语言切换
4. 处理日期/货币格式"

"优化构建配置：
1. 分析 bundle 大小
2. 实施代码分割
3. 配置 tree shaking
4. 优化加载性能"

"集成错误监控：
1. 添加 Sentry 配置
2. 设置错误边界
3. 实现日志收集
4. 创建告警规则"

"创建完整 CI/CD 流程：
1. GitHub Actions 配置
2. 自动化测试
3. 代码质量检查
4. 自动部署脚本"

"实施性能监控方案：
1. 添加性能埋点
2. 收集关键指标
3. 生成性能报告
4. 设置性能预警"

"帮我调试这个问题：
[粘贴错误信息]

请：
1. 分析错误堆栈
2. 定位问题源头
3. 提供多个解决方案
4. 解释根本原因
5. 建议预防措施"

"创建完整的用户管理系统：
1. 设计数据库模型
2. 实现 CRUD API
3. 创建前端界面
4. 添加认证授权
5. 编写测试用例
6. 生成文档"

"重构遗留项目：
1. 分析现有架构
2. 识别技术债务
3. 制定重构计划
4. 逐步实施迁移
5. 保证功能不变
6. 完善测试覆盖"

"全面优化应用性能：
1. 前端性能分析
2. API 响应优化
3. 数据库查询优化
4. 缓存策略实施
5. CDN 配置
6. 监控告警设置"