Claude Code保姆级安装、使用、实战、教程

Claude Code保姆级安装、使用、实战、教程一 基本概述 Claude Code 是 Anthropic 公司推出的终端 AI 编程助手 基于针对编程场景深度优化的 Claude Opus 4 模型构建 支持 macOS Ubuntu Debian 系统和 Windows WSL 环境 采用 终端交互模式 实现自然语言编程 可通过 npm 全局安装并集成 VS Code JetBrains 等主流 IDE 1 基本概述 随着大模型的技术发展

大家好,我是讯享网,很高兴认识大家。这里提供最前沿的Ai技术和互联网信息。



一、基本概述

Claude Code 是Anthropic公司推出的终端AI编程助手,基于针对编程场景深度优化的Claude Opus 4模型构建,支持macOS、Ubuntu/Debian系统和Windows WSL环境,采用 终端交互模式 实现自然语言编程,可通过npm全局安装并集成VS Code、JetBrains等主流IDE。

(1)基本概述

随着大模型的技术发展,编程助手主要分为三类产品形态,AI-IDE类型、插件类型、CLI类型

编程助手产品形态 典型产品代表 适用场景 产品截图 AI-IDE Cursor、Trea 对历史IDE类型依赖较少的开发场景,如前端开发 image.png image.png 插件 iFlyCode、GitHub copilot  对历史IDE类型依赖较重的开发场景,如:后端开发 image.png image.png CLI(命令行)  Claude Code • 极客开发者,对AI编程有着较高的要求,追求较流畅的性能体验• 对系统兼容性有要求,比如Linux开发环境, Claude Code适配更友好 image.png

(2)适用群体:Claude Code因其终端交互方式的特殊性,更适合极客开发者

下面是我整理出的关于各类编程工具的测评,对技术有较高要求的同学,可使用Claude Code image.png

二、基本操作+实用技巧集锦

2.1  安装指南

(1)前提条件

• 确保已安装 (版本 >= 20.0.0)

• 具备 包管理工具(通常随 一同安装

    安装指引可参考:  nodejs.org/en/download

• Git环境

(2)安装步骤

使用 全局安装 :

 
  

(3)验证安装

安装完成后,可通过以下命令验证是否安装成功:

GPT plus 代充 只需 145

若成功安装,将显示的版本信息,如下图: image.png

(4)常用指令

下面这些是Claude Code日常使用中最重要的命令,建议全部掌握:

命令 功能 示例 claude 启动交互模式 claude claude “task” 运行一次性任务 claude “fix the build error” claude -p “query” 运行一次性查询,然后退出 claude -p “解释下main.js文件有哪些组件” claude -c 继续最近的对话 claude -c claude -r 恢复之前的对话 claude -r claude commit 根据代码变更创建 Git 提交信息 claude commit /clear 清除对话历史 > /clear /help 显示可用命令 > /help exit 或 Ctrl+C 退出 Claude Code > exit /model 查看/切换当前模型 确认/切换模型版本 @ 直接引用文件 / 目录 用来添加上下文

键盘快捷键(终端)

快捷键 作用 系统 Ctrl + C 中断当前命令 全部 Ctrl + D 退出/EOF 全部 Ctrl + L 清屏 全部 ↑ / ↓ 浏览命令历史 全部 Tab 自动补全 全部 Ctrl + A 光标到行首 全部 Ctrl + E 光标到行尾 全部

  开始使用

image.png

image.png

清除聊天上下文

使用  清除聊天上下文,避免累积过多历史信息影响效率。

image.png

中断操作

输错指令时,按  键立即停止 AI 当前任务。

image.png

恢复历史会话

在启动的时候,执行,可以继续上次对话

执行,可以选择历史对话继续。如果你已经打开了某个对话,你也可以输入来切换到其他会话中。

image.png

上下文压缩

Claude Code提供了,它的作用是压缩对话历史,只保留上下文摘要,从而减少 token 占用,这样 Claude 就不会因为上下文太杂而卡壳或跑偏。

image.png

自定义命令

• 用户级命令:,前缀 。

• 项目级命令:,前缀 。

• 示例:创建 文件后,输入 自动执行“分析性能并提出优化建议”。

如果有一些经常用到的工作流程,你可以将流程设置为自定义指令。自定义指令分为两种:

• 用户级命令:放在 目录下,适合所有项目通用的命令。触发方式是输入 命令名。

• 项目级命令:放在项目根目录下的 目录中,适合这个项目专用的命令。触发方式是 命令名。

举个例子:

假设在 文件夹里新建了一个文件,里面写上:

 
  

保存后,你就可以在 Claude Code 中执行 ,让 Claude 自动修复指定的 GitHub issue。其中1234是Issue的ID,而指令中的ARGUMENTS会被自动替换成1234

你还可以把其他需求封装成命令,比如:

•  → 生成测试用例

•  → 按团队规范格式化代码

•  → 把复杂代码解释成人话

image.png

image.png   image.png

切换/查看当前模型

image.png  

添加上下文

• 关联文件上下文

把相关文件(如历史对话记录、依赖代码文件)作为上下文,让 Claude 基于文件内容响应:

GPT plus 代充 只需 145

image.png •  管道传递上下文(结合其他命令)

通过 | 管道将前序命令的输出(如 Git 代码变更、历史对话)作为上下文:

 
  

image.png

• 交互式模式(默认 -i 或直接 claude):用 @ 引用文件(支持绝对路径 / 相对路径):

GPT plus 代充 只需 145

image.png

Safe YOLO 模式

为了安全起见, Claude Code执行一些命令时默认请求你的同意。为了实现更方便的自动化,你可以设置Safe YOLO模式。

在启动Claude的时候,执行下面的指令即可:

 
  

执行这个之后,Claude 会自动跳过所有权限确认,不需要你手动点允许。这对于一些重复性任务十分方便。

image.png

快捷键操作

• 查看命令

• 

•  补全

•  换行

• 退出等。

  2.2 基本功能操作体验

2.2.1 文件操作命令

查看文件

GPT plus 代充 只需 145

创建文件

 
  

编辑文件

GPT plus 代充 只需 145

删除文件

 
  

2.2.2 项目管理技巧

初始化项目结构

GPT plus 代充 只需 145

查看项目结构

 
  

组织文件

GPT plus 代充 只需 145

2.2.3 代码搜索和导航

搜索代码

 
  

定位代码

GPT plus 代充 只需 145

2.2.4 批量操作

批量修改

 
  

批量添加

GPT plus 代充 只需 145

2.2.5 Git 操作(版本控制)

初始化 Git

 
  

查看状态

GPT plus 代充 只需 145

提交代码

 
  

查看历史

GPT plus 代充 只需 145

2.2.6 调试技巧

检查语法错误

 
  

解释错误信息

GPT plus 代充 只需 145

调试建议

 
  

2.2.7 代码优化

请求代码审查

GPT plus 代充 只需 145

性能优化

 
  

代码重构

GPT plus 代充 只需 145

2.2.8 文档生成

生成 README

 
  

生成注释

GPT plus 代充 只需 145

生成 API 文档

 
  

2.2.9 快捷操作技巧

连续操作

GPT plus 代充 只需 145

条件操作

 
  

引用之前的内容

GPT plus 代充 只需 145

2.2.10 进阶技巧

使用上下文

 
  

多文件协作

GPT plus 代充 只需 145

模板和脚手架

 
  

2.2.11 避免常见错误

错误 1:操作太快

❌ 不好的做法:

GPT plus 代充 只需 145

✅ 好的做法:

 
  

错误 2:不检查结果

❌ 不好的做法:

GPT plus 代充 只需 145

✅ 好的做法:

 
  

错误 3:描述模糊

❌ 不好的做法:

GPT plus 代充 只需 145

✅ 好的做法:

 
  

2.2.12 高效协作模式

教学模式

GPT plus 代充 只需 145

探索模式

 
  

决策辅助

GPT plus 代充 只需 145

2.3 实用技巧集锦

2.3.1 命令行 (CLI) 技巧

(1)将其视为 CLI 工具

从根本上理解 Claude Code 是一个命令行工具,具备所有 CLI 基本特性。

实践应用:

 
  

image.png

image.png

(2)一次性命令行工具参数

使用 -p 参数在命令行模式下运行。

示例:

GPT plus 代充 只需 145

什么时候用 -p

• 当你只想快速问一个问题,不需要连续对话时使用

• 当你想用脚本自动化处理代码时

注意什么?

• 必须手动把文件内容通过 cat 或管道 | 传给它,否则它看不到代码。

(3)与其他工具联接

将其他命令行工具连接到工作流。

实战示例:

 
  

image.png

(4)使用管道输入

通过管道将数据输入到 Claude Code 中。

管道操作示例:

GPT plus 代充 只需 145

image.png

(5)运行多实例

可以同时运行多个 Claude Code 实例处理不同任务。

多实例应用:

 
  

image.png

2.3.2 图像处理技巧

(1)拖拽粘贴图像

将图像文件直接拖入终端使用。

操作步骤:

1. 准备好图像文件(设计稿、截图等)

2. 直接拖拽到 Claude Code 终端

3. 描述你的需求

应用场景:

• 从 UI 设计稿生成代码

• 分析界面布局

• 复制现有界面设计

image.png image.png

(2)从设计稿生成代码

粘贴设计稿图片,让 Claude Code 构建界面。

实践示例:

GPT plus 代充 只需 145

image.png

(3)反馈并修改

根据当前状态,将其反馈给 Claude Code 进行迭代修改。

对话示例:

 
  

2.3.3 集成与外部数据技巧

(1)集成MCP

方式一:修改配置文件

image.png

找到.claude.json文件,在文件中所需要添加项目,在mcpServers中添加mcp配置

image.png

配置示例:

GPT plus 代充 只需 145

方式二:通过命令增加mcp

 
  

image.png

通过命令查看mcp服务

GPT plus 代充 只需 145

image.png

管理MCP:

 
  

(2)连接数据库

使用示例:

GPT plus 代充 只需 145

image.png

2.3.4 CLAUDE.md 配置文件技巧

(1)理解其核心作用

CLAUDE.md 是一个在每次请求时都会加载的系统提示文件。

claude.md 的作用:

• 定义项目的上下文和约定

• 设置代码风格偏好

• 提供项目特定的知识

• 自动加载到每次对话中

(2)使用 /init 自动生成

在项目目录中运行 /init 命令,自动生成一份基于项目结构的 CLAUDE.md。

操作步骤:

 
  

自动生成的内容包括:

• 项目结构分析

• 技术栈识别

• 代码风格检测

• 常见约定

image.png

image.png

(3)用 # 动态更新

在对话中,使用 # 符号可以将指令直接添加到 CLAUDE.md。

动态更新示例:

GPT plus 代充 只需 145

image.png image.png image.png

(4)设置全局配置

在用户主目录 ~/.CLAUDE/ 中创建 CLAUDE.md 以应用于所有项目。

全局配置示例:

 
  

image.png

(5)使用子目录配置

在子目录中添加 CLAUDE.md 应用于特定模块。

目录结构示例:

GPT plus 代充 只需 145

前端 claude.md:

 
  

后端 claude.md:

GPT plus 代充 只需 145

image.png

(6)定期重载优化

经常性地优化和精炼你的 CLAUDE.md 文件,保持其具体性和高效性。

优化建议:

• 每月审查一次

• 删除过时的规则

• 添加新的**实践

• 保持简洁明了

2.3.5 定义斜杠命令技巧

(1)在指定文件夹中定义

在 .claude/commands 文件夹中创建文件来自定义自己的斜杠命令。

目录结构:

 
  

(2)为解决 GitHub 问题创建命令

创建一个  类似的命令。

创建文件:  .claude/commands/solve_issue.md

GPT plus 代充 只需 145

使用:

 
  

(3)为重构创建命令

创建一个  命令。

创建文件:  .claude/commands/refactor.md

GPT plus 代充 只需 145

(4)为代码检查创建命令

创建一个 命令。

创建文件:  .claude/commands/lint.md

 
  

(5)为 PR 审查创建命令

创建一个命令。

创建文件:  

GPT plus 代充 只需 145

(6)向命令传递参数

你的自定义斜杠命令是提示模板,可以接收命令行参数。

参数语法:

 
  

示例:

GPT plus 代充 只需 145

2.3.6、UI 与工作流技巧

(1)使用 Tab 补全

用 键自动补全文件和目录名,以提供更精准的上下文。

Tab 补全示例:

 
  

好处:

• 避免路径错误

• 提供精确上下文

• 加快输入速度

image.png

(2)果断按 Esc 中断

当你看到 Claude Code 的输出偏离预期时,立即按 键打断它。

使用场景:

• Claude code有非常强的自主修复能力。它会运行命令 -> 发现失败 -> 读取源码 -> 修改代码 -> 再次运行命令。需要监控这个循环,它陷入死胡同时使用

• 生成的代码方向错误

• 误解了你的意图

• 开始生成不需要的内容

操作流程:

GPT plus 代充 只需 145

三、实战应用

案例一:原始需求生成需求设计文档类型

场景:由原始需求,生成更规范的需求文档

初始交互prompt:

 
  

image.png

选择技术栈交互prompt:

GPT plus 代充 只需 145

image.png

回答待解决问题交互prompt:

 
  

image.png

确认生成需求文档交互prompt:

GPT plus 代充 只需 145

image.png

image.png

案例二:前端开发类型

场景:根据原型图,完成城市驾驶舱前端界面开发

方式一:直接使用导出的原型图

Prompt:

 
  

原型图: image.png 生成网页前端:

image.png

视频:

前端使用claude Code_哔哩哔哩_bilibili

方式二:使用mastergo原型图链接

首先在mastergo设计好原型图,配置好mastergo的mcp信息 prompt:

GPT plus 代充 只需 145

前端链接mastergo使用claude Code_哔哩哔哩_bilibili

案例三:前后端分离开发类型

场景:开发或搭建一个初始的用户管理系统

Prompt:

 
  

追加prompt:

GPT plus 代充 只需 145

截图:

image.png image.png image.png image.png

视频:

使用 Claude Code 实现用户管理系统_哔哩哔哩_bilibili

案例四:代码审核并修复类型

场景:审核商城后端服务代码存在数据计算问题,并自主修改为正确规范的代码

prompt:

 
  

截图:

image.png image.png image.png image.png

视频:

使用Claude Code 进行代码审核_哔哩哔哩_bilibili

小讯
上一篇 2026-03-15 08:09
下一篇 2026-03-15 08:07

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/234190.html