AI应用-Claude-Code完全指南

8 阅读9分钟

开发者必备神器:Claude Code 完全指南

如果你是一名程序员,可能已经感受过 AI 辅助编程的魅力。但你用过 Claude Code 吗?这是 Anthropic 官方推出的 CLI 编程助手,和你常用的 ChatGPT 网页版完全不同——它是真正能帮你干活的命令行工具。

今天这篇文章,就是帮你系统掌握这个工具。

一、Claude Code 是什么?

Claude Code 是 Anthropic 公司为开发者打造的命令行 AI 助手。你可以把它理解为:一个随时待命的 超级编程搭档

它能做这些事:

  • 帮你写代码、调试 bug
  • 帮你读懂代码库、解释复杂逻辑
  • 帮你执行终端命令
  • 帮你搜索文件、分析项目结构
  • 帮你自动化处理重复工作

更重要的是,它是 可编程 的——通过 MCP(Model Context Protocol)和 Skills,你可以把它定制成任何你想要的样子。

Claude Code 和 ChatGPT 网页版有什么区别?

很多人会问:同样是 Claude,直接用网页版不香吗?区别可大了:

对比项Claude CodeChatGPT 网页版
访问方式终端命令行浏览器
文件操作可以直接读写、创建、修改文件需要手动复制粘贴
命令执行可以帮你运行 git、npm、docker 等命令只能给你建议
上下文理解可以深度理解整个代码库只能看当前对话
定制能力支持 MCP 扩展和 Skills能力有限
使用场景适合沉浸式开发适合快速问答

简单说:ChatGPT 网页版是顾问,Claude Code 是员工。前者给你建议,后者帮你干活。

和 Cursor、Windsurf 等 IDE 插件比呢?

现在很多 IDE 都有 AI 编程插件,比如 Cursor、Windsurf、GitHub Copilot。它们和 Claude Code 的区别在于:

  • IDE 插件:深度集成编辑器,帮你写代码、帮你补全
  • Claude Code:独立于 IDE,更灵活,适合处理代码之外的事

我的使用习惯是:写代码时用 Cursor 之类的 IDE 插件,需要深度分析项目、执行复杂任务时用 Claude Code。二者配合,效率拉满。

二、核心指令一览

Claude Code 的所有操作都通过指令完成。以下是日常使用最频繁的几个:

1. /ask - 提问

最基础的指令。问它任何关于代码的问题。

/ask 这个函数的时间复杂度是多少?

2. /read - 读取文件

让 Claude 读取并分析某个文件。

/read src/utils/auth.js

3. /search - 搜索

在代码库中搜索关键词。

/search findUserByEmail

4. /edit - 编辑文件

让它帮你修改代码。告诉它改哪里、怎么改,它就会直接帮你改。

5. /test - 生成测试

让它为某个文件或函数写测试用例。

/test src/api/user.js

6. /review - 代码审查

让 Claude 帮你审查代码,找出潜在问题。

/review src/controller/order.js

7. /commit - Git 提交

帮你写 commit message 并提交代码。

8. /browse - 网页抓取

让它读取某个网页的内容并总结。

/browse https://docs.example.com/api

9. /lsp - 语言服务器协议

帮你分析代码的语法、类型错误。

10. /ws - 工作区操作

管理项目工作区,执行复杂的项目级操作。


三、进阶使用技巧

技巧1:直接下命令,别问问题

很多人习惯用 "帮我..." 的句式,但 Claude Code 更吃香的是 直接指令

❌ "帮我看看这个项目有什么问题" ✅ "分析这个项目的架构,找出需要重构的地方"

越具体,它做得越好。

技巧2:多文件一起处理

Claude Code 可以同时读取多个文件。遇到需要对比或关联分析的任务,一次性给它:

/read src/page/Home.jsx src/page/Profile.jsx src/utils/auth.js

技巧3:用 --dangerouslyAllowAr 执行敏感操作

有些操作需要权限才能执行,比如删除文件、安装依赖。你可以加这个参数放行:

rm -rf node_modules --dangerouslyAllowAr

技巧4:利用 TodoWrite 做任务规划

当你需要处理复杂的多步骤任务时,可以让它帮你列 todo:

创建一个用户认证系统,包含:登录、注册、登出、Token 验证

它会分步骤帮你实现。

技巧5:让 Claude 自己规划任务

遇到不确定怎么下手的需求,可以让它先规划:

我需要重构这个 React 项目的状态管理,先给我一个实施方案

技巧6:复制粘贴终端输出

当你遇到报错信息,直接把终端输出贴给它,比你自己描述问题更精准。

技巧7:用自然语言描述改动

不用学什么特殊语法,就用你说的话:

"把这个 API 改成异步的,错误处理加上重试逻辑"

四、MCP:把 Claude Code 变成瑞士军刀

MCP(Model Context Protocol)是 Claude Code 的扩展系统。通过 MCP,你可以让它连接各种外部工具和服务。

4.1 常用 MCP 推荐

文件系统类

  • filesystem:让 Claude 直接操作你的文件系统,读取、写入、搜索文件

数据库类

  • sql:让 Claude 直接查询数据库,写 SQL、查数据、分析表结构

API 类

  • fetch:让 Claude 直接请求 HTTP 接口,测试 API、调试接口

开发工具类

  • git:让 Claude 执行 git 操作,查看提交历史、对比代码、创建分支

实用工具类

  • puppeteer:让 Claude 帮你操作浏览器,自动化测试、截图

4.2 MCP 配置方法

CLAUDE.md 或配置文件中声明你需要启用的 MCP:

{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-filesystem", "/your/project/path"]
    }
  }
}

配置好之后,Claude Code 就能调用这些工具了。

4.3 一个真实的 MCP 使用案例

比如你想让 Claude 帮你查数据库:

  1. 配置好 sql MCP
  2. 直接下命令:

    "帮我查一下最近7天注册的用户数量,按日期分组"

它会直接连数据库,帮你写 SQL、查数据、分析结果。

五、Skills:把常用操作变成自定义指令

Skills 是 Claude Code 的自定义指令系统。你可以把自己常用的操作封装成 Skills,下次直接调用。

5.1 内置 Skills

Claude Code 自带了一些好用 Skills:

  • /commit:自动生成 git commit
  • /review-pr:帮你审查 GitHub PR
  • /test:生成测试用例
  • /WebFetch:抓取网页内容

5.2 自定义 Skills

你可以创建自己的 Skills。比如:

{
  "skills": [
    {
      "name": "lint",
      "description": "运行代码检查并修复",
      "prompt": "运行 eslint 检查当前项目,然后自动修复所有可自动修复的问题"
    },
    {
      "name": "deps-update",
      "description": "检查并更新依赖",
      "prompt": "检查 package.json 中的依赖更新,然后执行 npm update"
    }
  ]
}

配置好之后,直接输入 /lint 就能执行。

5.3 更复杂的 Skill:用 Skills 自动化工作流

比如你每天早上要做 Code Review,可以创建一个 Skill:

输入:"今天要 review 的 PR 是 #123、#124、#125" 自动执行:依次获取每个 PR 的 diff,分析代码,给出 review 意见

5.4 发现更多 Skills

社区有很多现成的 Skills 可以用。可以去 GitHub 搜 "claude-code skills" 或者在官方文档查看推荐列表。

六、使用示例:真实场景演示

示例1:快速了解陌生项目

刚接手一个老项目,完全看不懂?

/ask 这个项目的架构是什么样的?有哪些主要模块?

Claude Code 会扫描整个项目,分析目录结构、依赖关系、主要文件,帮你快速建立认知。

示例2:一键生成 API 文档

为所有 /api 目录下的接口生成 Markdown 格式的 API 文档

它会读取每个接口文件,提取参数、返回值、示例,生成完整的文档。

示例3:帮你写测试

为 src/utils/format.js 中的所有函数生成 Jest 测试用例

它会分析每个函数的输入输出,写出覆盖常见 case 的测试。

示例4:重构旧代码

把这个 jQuery 的组件改成 React Hooks 写法

它会分析现有代码,重构成现代 React 写法。

示例5:批量处理文件

把 src/components 下所有 .js 文件改成 .tsx,并加上 TypeScript 类型

一次性批量处理,比手动一个个改快得多。


七、高阶技巧与性价比建议

以下是我用了大半年后,总结出的「真香」技巧:

1. 用 CLAUDE.md 项目配置文件

在项目根目录创建一个 CLAUDE.md 文件,写下项目相关的背景信息:

# 本项目技术栈
- React 18 + TypeScript
- 状态管理用 Zustand
- UI 组件库用 Ant Design

# 代码规范
- 文件命名用 kebab-case
- 函数组件用 arrow function
- 禁止使用 any 类型

# 常用命令
- npm run dev: 启动开发服务器
- npm run build: 构建生产版本

配置好之后,Claude Code 每次都会自动读取这个文件,对项目的理解更精准。

2. 用 /compact 压缩对话上下文

当对话太长时,Claude 可能会「遗忘」早期的任务。用 /compact 让它总结之前的对话,保持上下文清晰。

3. 开启 Auto-Approve 简化流程

对于你信任的操作(比如运行测试、执行 lint),可以开启自动审批,减少每次确认的麻烦。

4. MCP + Skills 组合使用是王炸

把 MCP(连接外部工具)和 Skills(自定义指令)结合起来,威力最大。比如:

  • 配置一个 database MCP
  • 写一个 Skill 叫 "查数据"
  • 以后输入 /查数据 最近一周的日活 就能直接查

5. 用 TodoWrite 追踪复杂任务进度

遇到需要多步骤完成的大任务,用 TodoWrite 工具让 Claude 帮你规划并追踪进度。每完成一步,打个勾,清晰明了。

6. 批量操作时记得设限制

让 Claude 批量修改文件时,最好先让它列出要改的文件,你确认后再执行,避免误改。

7. 利用 WebFetch 快速学习新技术

遇到不熟悉的技术栈,直接让 Claude 抓取官方文档帮你总结,比你自己看快多了。

8. 性价比最高的用法:让它帮你写工具

别让它帮你写业务代码了,太浪费。让它帮你写:

  • 自动化脚本
  • 代码生成器
  • 批量处理工具
  • 项目脚手架

这些一次投入,长期受益。


写在最后

Claude Code 不是一个普通的 AI 工具,它是一个 可以深度集成到你开发流程的工作伙伴

用好了,它能帮你:

  • 省下大量写测试的时间
  • 快速理解陌生项目
  • 自动化重复工作
  • 写出更高质量的代码

关键是:把它当作员工,而不是顾问。给它明确的目标,给它足够的上下文,它能帮你做的事远超你的想象。

如果你是程序员,真的建议试试。用一段时间后,你很难回到没有它的日子。


参考资料:Claude Code 官方文档、Anthropic 开发者文档