claude-code-guide
2025emma
Claude Code 高级开发指南 - 全面的中文教程，涵盖工具使用、REPL 环境、开发工作流、MCP 集成、高级模式和最佳实践。适合学习 Claude Code 的高级功能和开发技巧。
Quick Install
bunx add-skill 2025emma/vibe-coding-cn -s claude-code-guideInstructions
Loading…
2025emma
Claude Code 高级开发指南 - 全面的中文教程，涵盖工具使用、REPL 环境、开发工作流、MCP 集成、高级模式和最佳实践。适合学习 Claude Code 的高级功能和开发技巧。
bunx add-skill 2025emma/vibe-coding-cn -s claude-code-guideLoading…
全面的 Claude Code 中文学习指南，涵盖从基础到高级的所有核心概念、工具使用、开发工作流和最佳实践。
当需要以下帮助时使用此技能：
REPL - JavaScript 运行时环境
window.fs.readFile()Artifacts - 可视化输出
Web Search - 网络搜索
Web Fetch - 获取网页内容
Conversation Search - 对话搜索
Recent Chats - 最近对话
End Conversation - 结束对话
# 阶段 1：定量评估
wc -l filename.md # 行数统计
wc -w filename.md # 词数统计
wc -c filename.md # 字符数统计
# 阶段 2：结构分析
grep "^#{1,6} " filename.md # 提取标题层次
grep "```" filename.md # 识别代码块
grep -c "keyword" filename.md # 关键词频率
# 阶段 3：内容提取
Read filename.md offset=0 limit=50 # 文件开头
Read filename.md offset=N limit=100 # 目标部分
Read filename.md offset=-50 limit=50 # 文件结尾
// 数据处理
const data = [1, 2, 3, 4, 5];
const sum = data.reduce((a, b) => a + b, 0);
// 使用预加载库
// Lodash
_.chunk([1, 2, 3, 4], 2); // [[1,2], [3,4]]
// MathJS
math.sqrt(16); // 4
// D3.js
d3.range(10); // [0,1,2,3,4,5,6,7,8,9]
// 读取文件
const content = await window.fs.readFile('path/to/file');
// 异步操作
const result = await fetch('https://api.example.com/data');
const json = await result.json();
内置命令：
/help - 显示帮助/clear - 清除对话/plugin - 管理插件/settings - 配置设置自定义命令：
创建 .claude/commands/mycommand.md：
根据需求执行特定任务的指令
使用：/mycommand
# 探索 → 理解 → 实现
ls -la # 列出文件
Read file.py # 读取内容
grep "function" file.py # 搜索模式
# 然后实现修改
# 设计 → 验证 → 实现
# 1. 在 REPL 中测试逻辑
# 2. 验证边界情况
# 3. 实现到代码
# 检查 → 分析 → 可视化
# 1. 读取数据文件
# 2. REPL 中分析
# 3. Artifacts 可视化
自动授予权限的工具：
需要授权的工具：
Claude 自动识别：
对话内存：
持久内存（实验性）：
Model Context Protocol - 连接 Claude 到外部系统的协议。
配置文件：~/.config/claude/mcp_config.json
{
"mcpServers": {
"my-server": {
"command": "node",
"args": ["path/to/server.js"],
"env": {
"API_KEY": "your-key"
}
}
}
}
Claude 会自动发现 MCP 工具并在对话中使用：
"使用 my-server 工具获取数据"
在 .claude/settings.json 配置：
{
"hooks": {
"tool-pre-use": "echo 'About to use tool'",
"tool-post-use": "echo 'Tool used'",
"user-prompt-submit": "echo 'Processing prompt'"
}
}
使用 Task 工具启动子代理：
"启动一个专门的代理来优化这个算法"
子代理特点：
使用 TodoWrite 工具：
"创建任务列表来跟踪这个项目"
任务状态：
pending - 待处理in_progress - 进行中completed - 已完成渐进式开发：
验证驱动：
# 运行测试
npm test
pytest
# 类型检查
mypy script.py
tsc --noEmit
# 代码检查
eslint src/
flake8 .
使用子代理进行审查：
"启动代码审查代理检查这个文件"
审查重点：
工具使用错误
文件操作错误
API 调用错误
每个工具在隔离环境中运行：
症状： 工具调用失败
解决方案：
症状： REPL 执行缓慢
解决方案：
症状： MCP 服务器无响应
解决方案：
// 在 REPL 中
const data = await window.fs.readFile('data.csv');
const parsed = Papa.parse(data, { header: true });
const values = parsed.data.map(row => parseFloat(row.value));
const avg = _.mean(values);
const std = math.std(values);
console.log(`平均值: ${avg}, 标准差: ${std}`);
# 在 Bash 中
grep -r "TODO" src/
find . -name "*.py" -type f
"使用 web_fetch 获取 https://api.example.com/data 的内容，
然后在 REPL 中分析 JSON 数据"
此技能包含详细文档：
包含以下主题：
使用 view 命令查看参考文件获取详细信息。
本指南结合了：
请在使用时参考最新的官方文档。
使用这个技能深入掌握 Claude Code 的强大功能！
Use when you need to run Flow type checking, or when seeing Flow type errors in React code.
Use when you want to validate changes before committing, or when you need to check all React contribution requirements.
Use when feature flag tests fail, flags need updating, understanding @gate pragmas, debugging channel-specific test failures, or adding new flags to React.
Use when you need to check feature flag states, compare channels, or debug why a feature behaves differently across release channels.