释放 Claude Code 的完整潜力
许多开发者在使用 Claude Code 时,仅仅把它当作聊天机器人使用。提出问题,得到答案,修改代码,再次提问。这种使用方式只发挥了 Claude Code 不到 30% 的真实能力。
经过半年的深度使用,我通过 Claude Code 完成了多个实战项目:优化工具网站并通过 AdSense 验证、将常用脚本改造成 Agent Skills 实现效率翻倍、开发 DeepSeek OCR 网站追踪技术热点,以及使用自动化流程编写公众号内容和构建网站。这些实践让我深刻认识到,Claude Code 不是简单的对话工具,而是一整套完整的编程工作流系统。
本文分享 10 个经过实战验证的使用技巧,全部来自日常开发的真实经验和踩坑总结。
配置优化:让 Claude 理解你的工作方式
技巧 1:使用 CLAUDE.md 建立项目记忆
每次启动 Claude Code 都要重复说明项目结构、常用命令和代码风格,这种重复工作严重影响效率。解决方案是在项目根目录创建 CLAUDE.md 文件,Claude 启动时会自动加载这些配置信息。
进入项目文件夹后,执行 /init 命令即可自动扫描项目并生成 CLAUDE.md 文件。以下是一个实际项目的配置示例:
# 项目概览
个人作品集网站 - ben-pathfinder
## 技术栈
- React 18 + TypeScript + Vite
- shadcn/ui 组件库
- Tailwind CSS
- Supabase 后端
- Astro 博客子系统(在 /blog 目录)
## 常用命令
npm run dev # 主站开发
npm run dev:all # 同时启动主站+博客
cd blog && pnpm dev # 只启动博客
npm run build # 生产构建
## 博客发布注意事项(重要)
- pubDatetime 必须是过去时间,不能是未来
- 图片必须放在 blog/src/assets/images/
- 引用格式:../../assets/images/xxx.png
配置后的效果显著:管理几十个网站项目时,每个项目打开 Claude Code 都能自动识别技术栈和项目特性,无需重复说明。在添加功能或修改内容时,AI 理解更准确,出错率大幅降低。
技巧 2:自动批准权限减少交互摩擦
默认情况下,Claude 每次读取文件、编写代码或运行命令都需要手动点击允许,这种频繁的权限确认严重打断工作流。启动时添加参数可以解决这个问题:claude --dangerously-skip-permissions
更便捷的方式是在命令行配置 alias:alias cc="claude --dangerously-skip-permissions"
配置后直接输入 cc 即可启动。如果不熟悉配置方法,启动 cc 后让它帮你完成配置即可。
使用建议:个人项目和熟悉的工作流可以放心使用自动批准,但处理不熟悉的代码时需要谨慎评估安全风险。
技巧 3:自定义 Slash 命令实现一键工作流
重复性任务每次都要详细描述流程,既费时又容易遗漏步骤。通过创建自定义 Slash 命令可以将完整工作流固化下来。
创建 .claude/commands/ 文件夹,然后创建命令文件(例如 部署.md):
---
name: 部署到生产环境
description: 自动化 GitHub 和 Vercel 部署流程
---
## 部署步骤
- [ ] Step 1: 运行 `pnpm run build` 检查构建
- [ ] Step 2: 创建 GitHub 私有仓库(可选,已有仓库则跳过创建)
- [ ] Step 3: Push 代码到 GitHub
- [ ] Step 4: 部署到 Vercel
- [ ] Step 5: 验证部署结果
**重要**:只有 build 成功后才能继续
使用时只需输入 /部署,完整流程自动执行。这个命令已经成功部署了十几个网站项目,流程稳定可靠。
技巧 4:Agent Skills 构建专业技能包
2024年10月16日,Claude 发布了 Agent Skills 功能。这是我发现的杀手级特性,花两天时间将常用脚本改造成 Skills 后,工作效率显著提升。
Agent Skills 的核心理念是给 Claude 配置专业技能包,一次配置长期使用。系统采用渐进式披露设计,分三层加载:Level 1 元数据(约100 token)用于判断何时调用,Level 2 主指令(小于5000 token)在匹配时读取,Level 3 详细资源(无限制)按需加载。
实际应用案例是 Google SEO Skill。Google SEO Guide 内容庞杂细碎,很难完全记住。我将 Google 官方文档批量下载并制作成 skill,在开发新网站或优化现有网站时,让 Claude Code 调用这个 skill 进行细节审查。
获取 Skills 的渠道:官方提供 12 个 Skills(github.com/anthropics/skills),精选集合(http://ss.bytenote.net/)。
效率提升:优化每一个工作环节
技巧 5:理解 /clear 和 /compact 的使用场景
Claude Code 提供 200K tokens 上下文,但在实际使用中上下文会逐渐填满。两个命令适用于不同场景:
/clear 用于清空对话,清除所有历史但保留 CLAUDE.md 配置。适合开始新任务或切换功能模块时使用。最佳实践是结束一个任务后不要在原对话继续提新需求,而是使用 /clear 开始新任务,就像睡醒后工作状态更佳一样。
/compact 用于压缩对话,压缩历史记录但保留关键信息。适合上下文快满但需要保留讨论内容的场景。在解决复杂问题时,如果 Claude Code 长时间无法解决,可以考虑新开对话让全新的 AI 状态来处理。
技巧 6:Plan Mode 避免方向性错误
直接让 Claude 处理复杂任务时,经常做到一半才发现方向错误,浪费大量时间。Plan Mode 可以避免这个问题。
触发 Plan Mode 有两种方式:明确说明「先给我一个计划」,或者按几次 Shift+Tab 切换到 Plan 模式。这个模式不会直接编写代码,而是先进行调研和规划,你审核计划通过后才开始执行。
在开发新网站或添加新功能时,建议优先使用 Plan 模式。
技巧 7:Think Mode 激活深度思考
某些问题 Claude 的第一反应可能不正确,需要更深入的思考。Think Mode 提供四个层级:think(基础思考)、think hard(更深入)、think harder(很深入)、ultrathink(最深入)。
之前通过在提示词开头或结尾添加 think 关键词触发,现在改为按 Tab 键切换 think 开关,增加 Think 级别仍然可以使用关键词。
适用场景:遇到难题且第一个方案不奏效、需要多方案对比、架构设计决策。但要避免滥用,简单任务使用 ultrathink 会浪费时间和 token。
技巧 8:掌握核心快捷键
这些小技巧每天能节省数分钟,累积效果显著。
Shift + 拖拽 可以引用文件,Escape 用于停止执行(不是 Ctrl + C),双击 Escape 查看历史消息。弹出表单时,需要用方向键切换到右侧然后按回车提交。
常见错误:代码执行失控时按 Ctrl + C 会导致 Claude 直接退出,正确做法是按 Escape。想查看之前的对话时往上翻很费力,应该双击 Escape 直接跳转。表单提交时误按 esc 会导致重来,需要熟悉方向键切换操作。
实战应用:关键场景的最佳实践
技巧 9:让 Claude 管理 Git 工作流
Claude 可以自动完成整个 Git 流程。前提是安装好 GitHub CLI,然后 Claude 可以创建 GitHub 仓库(公开或私有)、编写规范的 commit message、Push 代码、创建 Pull Request。
标准工作流是告诉 Claude「帮我把这个项目提交到 GitHub,创建私有仓库」。Claude 会查看 git status 和 git diff、参考项目的 commit 历史、生成规范的 commit message、执行完整的 add、commit、push 流程。
真实数据显示,我管理的几十个网站项目都是由 Claude 完成 Git 提交。Commit message 规范详细,能够准确总结改动内容,远比手动编写的「fix bug」「update」等简陋信息更有价值。
最佳实践:在 CLAUDE.md 中添加一句「Commit message 用中文,参考项目历史 commit 风格」,Claude 就能理解并遵循。
技巧 10:代码 Review 的血泪教训
这是我付出最大代价学到的经验。labubu 壁纸网站在 3 天内获得 8000 UV 流量,但一夜之间流量归零。
问题出在添加多语言功能时,让 Cursor 修改代码后只看了预览就直接 accept。没想到 Cursor 顺手将 head 标签中的 title、description 改成了中文。这些元数据标签在网页上不可见,但搜索引擎会读取。网站从英文网站变成中文网站,英文用户搜索自然找不到。
教训深刻:Vibe coding 一时爽快,缺少 review 全盘皆输。
避免类似问题的方法:第一,关键代码必须 review,包括 SEO 相关(title、description、keywords)、数据库操作、支付流程、权限控制。第二,让 Claude 解释改动,不确定时询问「你刚才改了什么,为什么这样改」。第三,本地验证,部署前使用 pnpm run build 检查报错。第四,定期检查源代码,使用 Chrome 开发者工具查看 Elements 面板中的 head 标签,确认 title、description、Open Graph 标签正确。