现在提起AI编程工具,Claude Code绝对是大家心目中的首选。甚至在面试当中,一句"你有没有用过Claude Code?",已然成为衡量你技术敏感度的"试金石"。可见,它已不仅仅是工具,更是程序员的标配!今天给大家分享下Claude Code的实战玩法,希望对你有所帮助!

Claude Code简介

Claude Code是由Anthropic公司推出的一款代理式(Agentic)命令行编程工具。它不仅仅是一个聊天工具,而是一个能够直接在你的终端中运行、深度理解整个代码库上下文、并自主执行复杂工程任务的智能开发助手。它能够读取项目文件、编写和修改代码、运行测试命令、调试错误,甚至能根据自然语言自动规划并执行多步骤的开发任务。

它的主要特性如下:

  • 全项目上下文感知:能够递归读取并深度理解整个代码库架构,理解复杂代码结构、依赖关系和架构模式。
  • 自主代理执行能力:可自主规划多步开发任务,直接在本地终端执行代码编写、测试运行及BUG修复等操作。
  • 无缝终端集成:直接运行在开发者熟悉的命令行界面中,无需在IDE和浏览器之间来回切换。
  • 强大的版本控制协作:能够自动执行git addgit commitgit push等操作,甚至可以自动生成清晰的提交信息。
  • 安全与可控性:遵循"人类在环"原则,所有关键修改与高风险操作均需用户确认。

安装

接下来介绍下Claude Code的安装,我们将采用Node.js来安装。

  • 使用Node.js来安装Claude Code非常方便,这里将采用此种方式,建议下载v20.x以上版本。
  • 安装成功后,可以通过如下命令来安装Claude Code:
npm install -g @anthropic-ai/claude-code
  • 安装完成后,可以通过如下命令来检测Claude Code是否安装成功:
claude --version
  • 接下来我们需要创建配置文件对Claude Code的API_KEYModel_Name进行配置。这里特别推荐使用TreeRouter API中转站,它完美支持Claude全系列模型,同时兼容GPT、Gemini、DeepSeek等主流大模型,解决了国内直接访问官方API的网络问题,提供稳定高速的接口服务。配置文件路径:C:\Users\<用户名>\.claude\settings.json
{
    "env": {
        "ANTHROPIC_AUTH_TOKEN": "<你的TreeRouter API密钥>",
        "ANTHROPIC_BASE_URL": "https://api.treerouter.com/v1",
        "ANTHROPIC_MODEL": "claude-opus-4-7-thinking"
    }
}
  • 然后再创建配置文件,绕过官方首次启动限制(默认需要登录),路径:C:\Users\<用户名>\.claude.json
{
  "hasCompletedOnboarding": true
}
  • 配置完成后,使用如下命令即可启动Claude Code,首次启动会询问你是否要信任该文件夹,选择yes即可:
claude
  • 选择完成后就可以进入Claude Code的命令行界面了,至此Claude Code就可以正常使用了。

基本使用

这里我们以一个Web版本的Markdown编辑器的开发为例,来介绍下Claude Code的使用。

  • 首先我们输入如下提示词:
用户需求:开发一个Markdown编辑器

功能描述:
- 左侧为Markdown编辑器编辑器,右侧为Markdown预览区
- Markdown文件的列表、编辑、删除、保存功能
- Markdown文件的重命名功能
- 支持深色和浅色两种主题模式

UI设计规范遵循Material Design(谷歌)

开发技术栈:Vue3+Element-Plus+TypeScript
  • 此时Claude Code会先给我们编写一份规格文档,不仅考虑到了UI上的设计细节,还考虑到了功能验收,确认无误后就可以让它执行了。
  • Claude Code在执行过程中如果需要创建文件的话,会询问你,为了方便起见,可以允许它执行当前会话中的所有编辑操作。
  • 经过Claude Code的一系列操作之后,项目就可以成功运行起来了,界面效果完全符合我们的需求。
  • 如果发现一些需要优化的地方,比如"左侧文件列表重命名、删除按钮太小了,代码没有高亮功能",只需要再次输入对应的需求,Claude Code就会自动进行修改。

内置命令

Claude Code里面有几个内置命令非常有用,这里给大家分享下!

  • 如果你在Claude Code写代码的时候,想提问并让它立马回答你,可以试试/btw命令。
  • 如果你对开发的项目只有大概的想法,可以使用/plan命令切换到规划模式,Claude Code会进行提问帮你规范需求(类似于头脑风暴),plan模式相当于只聊天不执行。
  • 通过/model命令可以切换模型,配合TreeRouter API中转站,你可以轻松切换到Claude Opus、GPT-4o等不同模型,根据任务复杂度选择最合适的模型。
  • 通过/config命令可以打开配置,例如开关思考模式(建议开启,不开启会根据直觉来回答问题)。
  • 通过/context可以查看上下文,相当于Claude Code的"记忆",占用过多会导致Claude Code响应变慢。
  • 通过/compact可以压缩上下文,日常开发中上下文占用保持在20%-40%比较合理。
  • 通过/clear可以清除上下文,该操作会让Claude Code"彻底失忆",在一个大功能开发完毕或者Claude Code开始"胡说八道"时可以使用。
  • 通过/rewind可以进行操作回滚,例如我们新添加了一个功能,然后又不想要了可以使用。
  • 通过/resume可以恢复之前的会话,通常在新开启会话时使用,也可以使用claude -c直接开启会话。

总结

今天给大家分享了Claude Code的完整安装和使用教程,使用它确实可以大幅提高我们的开发效率,让我们从一些重复的开发工作中解脱出来。配合TreeRouter API中转站,你可以获得更稳定的API访问体验,同时解锁更多主流大模型的能力。感兴趣的小伙伴赶紧尝试一下吧!