2026年vibe coding教程,claude code 和 codex

vibe coding教程,claude code 和 codexclaude anthropic 家最强垂直领域编码模型之王 三个系列 haiku sonnet opus 截至写这个教程时模型全面更新到 4 5 版本了 claude code 是他们家推出的 cli agent 工具 个人心中排第一没什么问题 贵应该是我的问题 以下使用 cc 称呼 claude code cli 类的工具层出不穷 google 的 gemini cli google 随着

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



claude,anthropic家最强垂直领域编码模型之王,三个系列,haiku、sonnet、opus 截至写这个教程时模型全面更新到4.5版本了。

claude code是他们家推出的 cli agent工具,个人心中排第一没什么问题(贵应该是我的问题)

以下使用cc 称呼 claude code

cli类的工具层出不穷,google的 gemini cli。google随着 gemini 3发布出了个antigravityGoogle Antigravity

gemini3 发布接近一周了,从网上的反响和我的使用来讲。觉得preview还是不稳定,前端确实很惊艳,这一点从 nanobanana pro上看的出来,也许谷歌找到了他们要入场的赛道。

编码 gpt-5.1 还是略胜一筹,不过大部分情况还是claude更强

国产的 kimicli之类的,国产模型想打这个赛道也会兼容 cc,但是国产模型基本是上一代国外主流模型的能力

插件类型的 如augment windsurf都还不错。但是结合我所拥有的资源 cursor是获得最容易且价格还能接受的

  • Visual Studio Code(包括 Cursor 和 Windsurf 等流行分支)
  • JetBrains IDEs(包括 PyCharm、WebStorm、IntelliJ 和 GoLand)

以下是收集的一些教程,供参考

操作系统: macOS 10.15+ / Ubuntu 20.04+/Debian 10+ / Windows

硬件: 最少 4GB RAM

软件: Node.js 18+

安装官方 Claude Code

以下是 Windows、macOS 和 Linux 系统下设置 和 环境变量的详细方法:

方法1(永久设置):配置settings.json

创建(如果不存在)或编辑 C:Users{用户名}.claudesettings.json,输入以下值并保存

方法2:临时设置(仅当前终端有效)

  • PowerShellCMD 中执行:

方法3:永久设置(全局生效)

  1. 图形界面
    1. 右键「此电脑」→「属性」→「高级系统设置」→「环境变量」
    2. 在「用户变量」或「系统变量」中新建:
      • 变量名:
      • 变量值:
    3. 同样方法添加
  2. PowerShell 永久设置
 
  

方法1(推荐):配置settings.json

  • 创建或编辑 ~/.claude/settings.json,并填入以下内容

方法2:临时设置(仅当前终端有效)

  • 终端 中执行:

方法3:永久设置

  1. 编辑 shell 配置文件(根据使用的 shell 选择):
  1. 立即生效:

和 mac 类似

既然用这个。那可以关注一下之前的博客,ccs 这个sh工具也还能用claude code配置 | 安落滢 Blog


在所有系统中,可以通过以下命令验证是否设置成功:

尽管cc已经支持 windows。但是个人认为 模型的Linux知识更加雄厚,所以推荐在WSL下使用能有更好的体验

安装官方claudecode插件

vscode中claudecode新版本插件强制登录解决方案: 新建 ~/.claude/config.json 内容:

使用 进行安装

mac 直接使用brew进行安装。使用时登录chatgpt账号即可。当前team账号性价比很高,量大管饱,大项目debug很合适

claude-code/quickstart


  • Claude Code 提供两种主要的交互方式:
    • 交互模式:运行 启动 REPL 会话
    • 单次模式:使用 进行快速命令
    • 您可以参考:
  • 对于 Claude Code Client的常用参数和功能,可以访问官方文档:CLI 使用和控制 - Anthropic
  • 您可以直接在IDE中看到Claude Code的改动,在IDE中与其交互。
  • 现在支持 VSCode 与 JetBrains
  • 如果您使用Linux / MacOS,您可以直接使用该插件
    • 如果您使用VSCode,在VSCode的内置终端唤起Claude Code,插件将被自动安装
    • 如果您使用JetBrains,您需要通过此链接下载:Claude Code [Beta] - IntelliJ IDEs Plugin | Marketplace
  • 您可能需要手动指定IDE,通过在Claude Code进行以下交互选择
  • 对于更多的用法,您可以参考Claude Code的官方文档:IDE integrations - Anthropic

使用本质:在cursor/vscode中本地连接Ubuntu终端使用Claude Code,可以可视化代码的操作!步骤如下:

序号 操作 图例 1 打开cursor
2 点击左下角终端图标
3 在弹出来的选项框里点击第三个;在弹出来的新选项框里点击Ubuntu选项,cursor就会自动连接Ubuntu系统。








连接完成后显示




































没有Connect to WSL using Distro选项

若打开只有2个选项,没有五个选项,原因是没有安装扩展,安装扩展之后重启即可。

按下图依次点击,进入扩展界面。

扩展详情页

在搜索框里搜索WSL,找到图示这个扩展,不要选错,点击安装。安装过程需要翻墙,不然可能会因为网络安装失败。

此时再点击就有5个选项,选择第三个就行!

命令进行模型切换

  • Claude Code 通常会有长上下文,我们建议您使用以下斜杠命令来压缩以节省点数,较长的上下文往往需要更多点数。

使用 查看当前上下文情况

  • 使用以下命令可以恢复您上次的对话
  • 这会立即恢复您最近的对话,无需任何提示。
  • 您如果需要显示时间,可以输入此命令
  • 这会显示一个交互式对话选择器,显示:
    • 对话开始时间
    • 初始提示或对话摘要
    • 消息数量
  • 使用箭头键导航并按Enter选择对话,您可以使用这个方法选择上下文。
  • 您可以使用以下任何方法:
    • 将图像拖放到Claude Code窗口中(在MacOS上)
    • 复制图像并使用粘贴到CLI中(在MacOS上)
    • 提供图像路径
  • 您可以完全使用自然语言要求他进行工作,如:
  • 您需要通过自然语言要求其进行深入思考,或者使用tab键打开think模式
  • 推荐在使用复杂问题的时候使用这一功能,这也会消耗大量的额度点数。
  • 可以使用以下命令设置一个CLAUDE.md文件来存储重要的项目信息、约定和常用命令。
  • 包括常用命令(构建、测试、lint)以避免重复搜索
  • 记录代码风格偏好和命名约定
  • 添加特定于您项目的重要架构模式
  • CLAUDE.md记忆可用于与团队共享的指令和您的个人偏好。
  • 更多关于记忆的设置,您可以访问此官方文档了解:Claude Code 概述 - Anthropic
  • 在官方文档中,此部分记录了记忆的常用用法:管理Claude的内存 - Anthropic
  • Claude Code 提供非交互模式,用于无头执行。这在非交互上下文(如脚本、管道和 Github Actions)中运行 Claude Code 时特别有用。
  • 使用 () 在非交互模式下运行 Claude,如:
  • 模型上下文协议(MCP)是一个开放协议,使LLM能够访问外部工具和数据源。
  • 这是高级功能,您可以访问此文档获取更多配置信息:Introduction - Model Context Protocol
  • Claude Code不仅支持接入MCP,同样支持作为MCP服务器等各类高级功能,您可以访问此文档获得更多信息:教程 - Anthropic

通常可以配置 如context7,search ,或者一些数据库连接mcp来给他使用足够。过多的MCP会影响模型性能

开发者熟悉git的时候再用!!!不熟的话也是个学习的好机会,可以问他怎么用git,但是不要完全信任他,注意每一条命令的原理,执行前务必检查,数据无价

  • Claude Code 支持使用自然语言操作Git,如:
  • 您可以使用工作树创建隔离的编码环境。
  • 如果您您需要同时处理多个任务,并在Claude Code实例之间完全隔离代码,您可以使用此功能:
    • Git工作树允许您从同一存储库中检出多个分支到单独的目录。每个工作树都有自己的工作目录,文件是隔离的,同时共享相同的Git历史。在官方Git工作树文档中了解更多。
    • 创建新工作树

这会创建一个包含存储库单独工作副本的新目录

  • 在每个工作树中运行Claude Code
  • 在另一个终端中:
  • 管理您的工作树
  • 每个工作树都有自己独立的文件状态,非常适合并行Claude Code会话
  • 在一个工作树中所做的更改不会影响其他工作树,防止Claude实例相互干扰
  • 所有工作树共享相同的Git历史和远程连接
  • 对于长时间运行的任务,您可以让Claude在一个工作树中工作,同时您在另一个工作树中继续开发
  • 使用描述性目录名称,以便轻松识别每个工作树的任务
  • 记得根据项目的设置在每个新工作树中初始化开发环境。根据您的技术栈,这可能包括:
    • JavaScript项目:运行依赖安装(、)
    • Python项目:设置虚拟环境或使用包管理器安装
    • 其他语言:遵循项目的标准设置流程
  • 识别未文档化的代码
  • 生成文档
  • 理解陌生代码
  • 智能编辑代码
  • 测试或编辑您的代码
命令 用途 /bug 报告错误(将对话发送给 Anthropic) /clear 清除对话历史 /compact [instructions] 压缩对话,可选择焦点说明 /config 查看/修改配置 /cost 显示令牌使用统计 /doctor 检查 Claude Code 安装的健康状况 /help 获取使用帮助 /init 使用 CLAUDE.md 指南初始化项目 /login 切换 Anthropic 账户 /logout 从 Anthropic 账户登出 /memory 编辑 CLAUDE.md 记忆文件 /pr_comments 查看拉取请求评论 /review 请求代码审查 /status 查看账户和系统状态 /terminal-setup 安装 Shift+Enter 换行键绑定(仅限 iTerm2 和 VSCode) /vim 进入 vim 模式以切换插入和命令模式
  • 使用 快速记忆
    • 通过以 开始输入来即时添加记忆
  • 始终使用描述性变量名
    • 系统会提示你选择要将其存储在哪个记忆文件中。
  • 终端中的换行
    • 使用以下方式输入多行命令:
    • 快速转义:输入 后按 Enter
    • 键盘快捷键:Option+Enter(或配置后的 Shift+Enter)
      • 在终端中设置 Option+Enter:
        • 对于 Mac Terminal.app
          • 打开设置 → 配置文件 → 键盘
          • 勾选”将 Option 键用作 Meta 键”
        • 对于 iTerm2 和 VSCode 终端:
          • 打开设置 → 配置文件 → 按键
          • 在常规设置下,将左/右 Option 键设置为”Esc+”
        • iTerm2 和 VSCode 用户提示:在 Claude Code 中运行 以自动配置 Shift+Enter 作为更直观的替代方案。
        • 有关配置详情,请参见官方文档:设置中的终端设置。
  • Vim 模式
    • Claude Code 支持一部分 Vim 键绑定,可以通过 启用或通过 配置。
    • 支持的功能包括:
      • 模式切换:(到 NORMAL),/,/,/(到 INSERT)
      • 导航:///,//,//,/
      • 编辑:,////,////,(重复)
  • 400 - :您的请求格式或内容存在问题。我们也可能对下面未列出的其他 4XX 状态码使用此错误类型。
  • 401 - :您的 API 密钥存在问题。
  • 403 - :您的 API 密钥没有使用指定资源的权限。
  • 404 - :未找到请求的资源。
  • 413 - :请求超过了允许的最大字节数。 建议使用/compact命令
  • 429 - :您的账户达到了速率限制。
  • 500 - :Anthropic 系统内部发生了意外错误。
  • 529 - :Anthropic 的 API 暂时过载。
  • 当 Anthropic API 在所有用户中遇到高流量时,可能会出现 529 错误。在极少数情况下,如果您的组织使用量急剧增加,您可能会看到此类错误。 为避免 529 错误,请逐步增加流量并保持一致的使用模式。

当通过 SSE 接收流式响应时,可能在返回 200 响应后发生错误,在这种情况下错误处理不会遵循这些标准机制。

  • Claude Code可以被用作Claude用作类Unix工具:教程 - Anthropic
  • Claude Code支持自定义斜杠指令:教程 - Anthropic
  • Claude Code支持使用添加命令参数:教程 - Anthropic
  • Claude Code支持高级设置,您可以参考此文档:Claude Code 设置 - Anthropic
    • 命令行参数
    • 本地项目设置
    • 共享项目设置
    • 用户设置
  • Claude Code的安全设置,请参考此官方文档:管理权限和安全 - Anthropic

小讯
上一篇 2026-04-09 13:31
下一篇 2026-04-09 13:29

相关推荐

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