团队：新人入职环境一键配置

场景背景

你是一个 5 人前端团队的技术 Lead。每次来新人，都要花大半天帮他们配环境：装 Node.js 版本、配 ESLint、设置 Git Hook、下载依赖、初始化数据库、配置环境变量......上周新来的实习生折腾了两天才跑起来项目。

你决定用 Claude Code 的 CLAUDE.md 和 Skill 把这个过程自动化——新人 clone 项目后，运行一条命令就能把环境配好。

你将学到： 如何用 CLAUDE.md 传递团队规范、用 Skill 封装可复用的配置流程、构建一套新人友好的入职方案。

前置准备

• 已安装 Claude Code，完成 里程碑 1A 和 里程碑 1B
• 你是项目仓库的维护者
• 了解团队的开发环境要求

第一步：创建团队级 CLAUDE.md

进入团队项目：

cd ~/projects/team-frontend
claude

创建包含团队规范的 CLAUDE.md：

> 创建 CLAUDE.md，包含以下团队规范：

  # 团队前端项目

  ## 技术栈
  - React 18 + TypeScript 5
  - Vite 构建
  - Tailwind CSS
  - pnpm 包管理器（不要用 npm 或 yarn）

  ## Git 工作流
  - 主分支：main（受保护，不能直接 push）
  - 开发分支命名：feat/xxx, fix/xxx, refactor/xxx
  - Commit 消息格式：type(scope): description
  - 提交前必须通过 lint 和类型检查

  ## 编码规范
  - 组件文件使用 PascalCase：UserProfile.tsx
  - 工具函数使用 camelCase：formatDate.ts
  - 常量使用 UPPER_SNAKE_CASE：MAX_RETRY_COUNT
  - 禁止使用 any 类型
  - 禁止使用 var 声明变量

  ## 常用命令
  - 安装依赖：pnpm install
  - 启动开发服务器：pnpm dev
  - 运行测试：pnpm test
  - 类型检查：pnpm typecheck
  - 代码格式化：pnpm format

  ## 禁止事项
  - 不要修改 .eslintrc 和 tsconfig.json（团队统一配置）
  - 不要删除 pnpm-lock.yaml
  - 不要在代码中写中文注释（国际化项目）