Claude Code 网页版(claude.ai/code)怎么用:在云端跑任务

Claude Code 网页版(云端会话)不用在电脑上装任何东西:连接 GitHub、选仓库、交代任务,Claude 在云端虚拟机里改代码并推送分支。本文讲哪些套餐能用、怎么开始、审阅 diff、建 PR、和本地会话互相转移。

NNathaniel bigo··原创首发·AI 辅助撰写
9 分钟读完
资料核对于 2026-10-07 · 依据官方文档与公开资料整理 Plus 账号
本文根据 Claude Code 官方文档《Get started with Claude Code in the cloud》《Use Claude Code in the cloud》整理,核对日期 2026-10-07。

适用于谁

  • 想在浏览器或手机上直接让 Claude 改 GitHub 仓库的代码,不想在本地装环境的人;
  • 想同时跑好几个互不相干的任务、交代完就去忙别的的人;
  • 搜「claude code web」「claude code 网页版」「web ui」的人。

结论先说

  1. Claude Code 网页版 = 云端会话:在 claude.ai/code 打开,Claude 会把你的 GitHub 仓库克隆到一台 Anthropic 管理的隔离虚拟机里干活,改完推送一个分支给你审。
  2. 可用套餐:Pro、Max、Team,以及 Enterprise 中带高级席位或「Chat + Claude Code」席位的用户。
  3. 需要 GitHub:第一次要连接 GitHub 账号;私有仓库需要在对应账号或组织上安装 Claude GitHub App。
  4. 云端会话关掉网页、合上电脑也会继续跑;手机 App 上也能查看和继续。
  5. 云端会话和本机的其他 Claude 使用共享同一份额度,并行跑多个任务消耗相应增加;官方说明云端虚拟机本身不额外收费。

网页版和本地版怎么选

云端会话(网页版)本地会话本地会话 + Remote Control
代码在哪运行云端虚拟机你的电脑你的电脑
从哪里开始claude.ai/code、手机 App、桌面版选 Cloud、claude --cloud终端、IDE、桌面版选 Local终端、VS Code、桌面版
用你本地的配置否,只有仓库内容是是
需要 GitHub是否否
断开后继续运行是否本机会话开着就继续
权限模式Accept edits、Plan、Auto全部从网页 / 手机可选 Manual、Accept edits、Plan

官方建议:并行任务、本地没有的仓库、交代清楚就不用盯的任务、读代码答疑,适合云端;需要本地配置、工具或环境的工作,用本地会话或 Remote Control 更合适。

步骤

1. 打开 claude.ai/code 并连接 GitHub

  1. 访问 claude.ai/code,用 claude.ai 账号登录;
  2. 按提示连接 GitHub,在 GitHub 授权页确认;
  3. 想用私有仓库,到 github.com/apps/claude 给对应账号或组织安装 Claude GitHub App(组织可能需要所有者批准)。安装后还能用「自动修 PR」功能;
  4. 云端环境:Pro / Max 会自动创建一个名为 Default 的环境;Team / Enterprise 会出现「创建第一个云端环境」表单,保持默认点 Create & finish 即可。

Default 环境的网络是「Trusted」级别:可以访问常见的包管理源和其他白名单域名,其他网络访问会被限制。需要改网络权限、加环境变量或在会话开始前运行安装脚本,可以编辑环境。

Team / Enterprise 用户注意:要先由组织 Owner 在「组织设置 → 连接器」里打开 GitHub 连接器,否则看不到连接按钮。

用命令行连接(可选):已经装了 Claude Code 和 GitHub CLI 的话,先 gh auth login,在 Claude Code 里用 claude.ai 账号 /login,再运行 /web-setup。它会把你 gh 的令牌加密保存到 Claude 账号,云端会话就能访问这个令牌能访问的所有仓库(不必装 GitHub App)。

2. 交代一个任务

  1. 在输入框下方选择仓库和分支(可以添加多个仓库);
  2. 在输入框旁的下拉框选权限模式:
  • Auto:分类器代你审核操作(组织允许且模型支持时出现);
  • Accept edits:直接改并推送分支,不停下来问;
  • Plan:先出方案,你批准后才改文件;
  1. 写清楚任务,按回车。官方建议:点名文件或函数(「修复 tests/test_auth.py 里失败的认证测试」比「修测试」好)、有报错就贴上、描述期望的行为而不只是症状。

每个任务一个独立会话、一个独立分支,不用等上一个跑完就能开下一个。

3. 审阅、批注、建 PR

  1. 会话里会显示改动统计(如 +42 -18),点开进入 diff 视图,左边是文件列表、右边是改动;默认和基准分支比较,可以选 Compare against 换分支;
  2. 行内批注:点任意一行写意见,批注会和你下一条消息一起发给 Claude,比如「src/auth.ts:47 这里不要吞掉异常」,不用再描述位置;
  3. 满意后点 diff 视图顶部的 Create PR,可以建正式 PR、草稿 PR,或跳到 GitHub 的编辑页;
  4. PR 建好后会话仍然在线:把 CI 报错或审查意见贴进来让 Claude 继续改。

自动修 PR(Auto-fix):在会话的 CI 状态栏里打开 Auto-fix,Claude 会订阅这个 PR 的动态,CI 失败或有人留审查意见时自动排查,有明确修法就推送修复。需要仓库装了 Claude GitHub App。本地终端里也可以在 PR 分支上运行 /autofix-pr 一步开启。

和本地终端互相转移

从终端发到云端:

bash
claude --cloud "修复 src/auth/login.ts 里的认证 bug"

云端虚拟机克隆的是你当前目录的 GitHub 远程仓库和当前分支(不是本地的工作区),所以有本地提交要先推送。官方的小技巧:复杂任务先在本地用 plan 模式和 Claude 商量好方案,再发到云端执行。

从云端拉回终端:

bash
claude --teleport          # 打开云端会话选择器
claude --teleport <会话ID>  # 直接拉取指定会话

或者在已打开的 Claude Code 里输入 /teleport(/tp)。它会确认你在正确的仓库里、拉取并切换到云端会话的分支、载入完整对话历史。之后在终端里的新工作只保存在本地,不会同步回网页。

注意:命令行这边只能「拉回」云端会话,不能把已有的终端会话「推」到云端(桌面版的 Code 标签可以通过「Open in」菜单发送到云端)。

安全与隔离

  • 每个云端会话运行在独立的虚拟机里,和你的电脑、和其他会话隔离;
  • 网络访问默认受限,可以关闭;
  • git 凭据和签名密钥不放进沙箱,由代理用受限的凭据替会话完成认证;
  • 改代码、分析都在隔离环境里完成后再创建 PR。

常见问题

Q:连接 GitHub 后看不到我的私有仓库?

浏览器方式连接时,私有仓库只有在其所属账号或组织装了 Claude GitHub App、且安装范围包含该仓库时才会出现。用 /web-setup 方式时,用 gh repo view 所有者/仓库 检查你的 GitHub CLI 能否看到它。

Q:提示「Claude Code isn't available on your account」?

你在当前组织的席位不包含 Claude Code。属于多个组织的可以点 Switch organization 切换,否则请组织 Owner 分配包含 Claude Code 的席位。

Q:关掉网页后会话还在跑?

这是设计如此。会话会在后台把当前任务做完然后空闲。不需要的可以在侧边栏归档或删除。

Q:不用 GitHub 能用网页版吗?

仓库克隆和创建 PR 依赖 GitHub。GitLab 等其他托管的仓库可以通过 claude --cloud 以本地打包方式发送(需设置 CCR_FORCE_BUNDLE=1),但结果推不回原来的远程。完全不想连 GitHub,可以用 Remote Control:代码在自己电脑上跑,在网页或手机上查看和操作。

Q:网页版能用我电脑上的 CLAUDE.md、技能、插件吗?

云端会话只有仓库里的内容。提交到仓库的 .claude/settings.json、CLAUDE.md、项目技能会生效;你本机 ~/.claude 下的个人配置和本地安装的插件不会加载。

参考资料

  • Get started with Claude Code in the cloud(官方):https://code.claude.com/docs/en/web-quickstart
  • Use Claude Code in the cloud(官方):https://code.claude.com/docs/en/claude-code-on-the-web
  • Configure cloud environments(官方):https://code.claude.com/docs/en/cloud-environments
  • Remote Control(官方):https://code.claude.com/docs/en/remote-control
  • Choose a permission mode(官方):https://code.claude.com/docs/en/permission-modes
需要开通或续费?Claude Pro 充值 →

Nathaniel 的更多内容

  1. 01

    ChatGPT 个人资料怎么改:头像、名字、用户名在哪设置,个人主页怎么公开和关闭

    想换 ChatGPT 的头像、改显示的名字,或者看到别人分享的 chatgpt.com/u/ 开头的主页链接?本文按官方帮助中心讲清个人资料页在哪打开、能改哪些信息、名字改了不生效怎么办,个人主页上会显示什么、怎么公开和收回,以及公司工作区里的不同规则。

    ChatGPT0
  2. 02

    ChatGPT Space 是什么、怎么用:页面(Pages)怎么创建和编辑、多人协作与分享权限

    ChatGPT 侧边栏多了个 Space,文件库却不见了?Space 是放页面、文件和成果的新地方,页面可以让 ChatGPT 起草、多人一起编辑。本文按官方帮助中心讲清谁能用、Space 和项目 / 文件库的关系、怎么创建和整理页面、分享后别人能看到什么,以及手机上的限制。

    ChatGPT0
  3. 03

    ChatGPT 录音模式(Record)怎么用:录会议自动出纪要,按钮不见了、没有声音怎么办

    ChatGPT 的录音功能(Record)可以在 Mac 上边录边转写,结束后自动生成会议纪要。本文按官方帮助中心讲清谁能用、怎么开始和结束、单次能录多久、录音会不会被保存和训练,以及 Record 按钮不见、权限报错、找不到纪要时的处理办法。

    ChatGPT0
  4. 04

    ChatGPT 购物研究怎么用:从选商品到拿到购买指南,结果准不准、和普通购物结果的区别

    ChatGPT 的购物研究(shopping research)能帮你比较商品、列出取舍,最后给一份个性化的购买指南。本文按官方帮助中心讲清现在从哪里启动、过程中怎么调整、指南里有什么、价格和库存为什么可能不准,以及虚拟试穿、收藏商品这些相关功能。

    ChatGPT0
  5. 05

    ChatGPT 群聊功能还能用吗:2026 年 7 月起停止新建,旧群聊怎么办、用什么替代

    想找 ChatGPT 的群聊(群组对话)入口却找不到?这个功能是 2025 年底的一次试点,官方已从 2026 年 7 月 9 日起停止新建和加入。本文按官方帮助中心讲清时间线、已有群聊会怎样、历史记录还在不在,以及现在多人协作可以改用的三种官方功能。

    ChatGPT0
  6. 06

    ChatGPT 深色模式怎么开:夜间模式、主题颜色、对比度与字体大小在哪设置

    想把 ChatGPT 换成深色(夜间)模式、改掉蓝色的消息气泡,或者把字调大?本文按官方帮助中心讲清网页、Windows、iPhone、安卓各自的入口,外观、对比度、强调色、文字大小四个设置分别管什么、哪些会跨设备同步,以及「为什么突然变蓝了」等常见问题。

    ChatGPT0

同产品的其他教程

  1. 01

    Claude Code settings.json 配置详解:文件位置、优先级与常用示例

    Claude Code 的 settings.json 有几个、放在哪、谁覆盖谁?本文讲清四级配置文件与优先级、列表合并规则、怎么确认生效,并给出个人与团队两份可复制的配置示例和常用字段。

    Claude0
  2. 02

    Claude Desktop MCP 配置教程:claude_desktop_config.json 在哪、怎么写、不生效怎么查

    Claude 桌面版怎么手动配置本地 MCP 服务器?按 MCP 官方教程讲清 Edit Config 入口、claude_desktop_config.json 在 macOS 和 Windows 上的路径、完整 JSON 写法、重启后在哪看工具,以及不生效时的日志位置和五步排查。

    Claude0
  3. 03

    Claude 语音模式怎么用:语音对话、语音输入与常见问题

    Claude 语音模式(Voice mode)在网页、桌面、手机上怎么开,免提和按住说话怎么切,声音和语言怎么改,和语音输入(听写)的区别,以及没反应、断断续续怎么排查。

    Claude0
  4. 04

    MCP Server 开发入门(Python):用官方 SDK 写第一个 MCP 服务器并调试

    想自己写一个 MCP 服务器?按 MCP 官方 Python SDK 文档讲清安装命令、十几行代码定义一个工具和一个资源、用 mcp dev 打开 Inspector 调试、切换到 Streamable HTTP 运行,以及 v2 把 FastMCP 改名为 MCPServer 后旧教程要改的地方。

    Claude其他 AI 工具0
  5. 05

    用 AI 写简历与模拟面试:对照岗位改简历、STAR 法整理经历、语音模拟面试的流程

    AI 写简历、AI 模拟面试怎么做才有用?给出五步流程:整理经历素材库、对照岗位描述找差距、用 STAR 法改写要点、生成针对性的面试题、用语音模式做模拟面试并复盘;附可复制提示词,并提醒不能让 AI 编造经历、简历上的个人信息怎么保护。

    ChatGPTClaude0
  6. 06

    Claude Code VS Code 插件使用教程:安装、登录与常用操作

    在 VS Code(及 Cursor 等)里用 Claude Code:扩展安装、登录、@ 引用文件和选中代码、审阅改动、切换模型与权限模式、快捷键、和命令行版的区别,以及图标不见、没反应等常见问题。

    Claude0

0 条评论

登录 后参与评论

还没有评论,来抢沙发~