Vibe Coding
返回 Claude Code

Claude Code / 平台集成

Claude Code 网页版

网页版适合发起远程任务、查看进度和管理多个会话。

查看官方来源文档目录
Claude Code 网页版 核心概念信息图
Claude Code 网页版 核心概念信息图

GitHub 认证方式

Claude Code on the web 主要围绕 GitHub 仓库工作。可以通过 GitHub App 在网页入门时授权，也可以用终端 /web-setup 同步本地 gh CLI token。

方式适合
GitHub App浏览器入门、团队希望使用自动修复 PR。
/web-setup已经使用 gh CLI 的个人开发者。

云环境有什么

Web 会话运行在 Anthropic 管理的云环境。仓库里的 CLAUDE.md、.claude/settings.json、.mcp.json、rules、skills、agents、commands 可随仓库克隆进入云会话；用户本机的 ~/.claude 内容不会自动带过去。

  • 静态 API token 和交互式 SSO 不会自动存在于云环境。
  • 仓库内配置比用户本机配置更适合 Web 会话。
  • 网络访问、环境变量和 setup script 需要在云环境里单独配置。

配置云环境

云环境可设置名称、网络访问级别、环境变量和 setup script。setup script 用于安装依赖、启动服务或准备工具。

云端适合运行测试、启动服务、处理 Issue/PR，但不适合依赖你本机浏览器登录态的任务。

# setup script 示例
#!/bin/bash
pnpm install
pnpm build

完整使用要点

补充官方文档中容易被压缩遗漏的核心概念、操作顺序、权限边界和验证要求，方便中文学习者按页面完整学习。

Web 云环境补充

Claude Code on the web 运行在云环境中，主要围绕 GitHub 仓库工作。它适合远程任务、处理 issue/PR、管理多会话和跨设备查看进度。它不自动拥有你的本机登录态、shell 配置或用户级 ~/.claude 内容。

云环境可以通过仓库内 CLAUDE.md、.claude/settings.json、.mcp.json、rules、skills、agents、commands 继承团队配置。需要网络、环境变量、依赖安装和服务启动时，应使用云环境设置和 setup script。

如果任务依赖本地浏览器、localhost、私有服务或交互式 SSO，Web 可能不合适，应使用本地 CLI、Desktop 或 Chrome。

学习检查清单

把本页内容落到真实任务中，用入口、上下文、权限、验证和团队规则五个维度检查是否真正掌握。

学习检查清单

读完本页后，不要只记住概念名。你应该能把“Claude Code 网页版”放回 Claude Code 的真实工程流程里：任务从哪里发起，系统会加载什么上下文，哪些动作需要审批，结果如何验证，失败时如何回退。

如果这是入口或平台页面，要特别确认本入口能访问哪些上下文：本地文件、云端仓库、浏览器登录态、团队消息、外部工具，以及这些上下文是否足以完成验证。

  • 能用自己的话说明本页解决的具体问题，而不是只复述标题。
  • 能写出一个最小示例任务，并标明目标、范围、禁止事项和验收标准。
  • 能判断哪些信息应该放进当前提示，哪些应该沉淀到项目规则或配置里。
  • 能说明哪些长期规则应该写进 CLAUDE.md，哪些运行行为应该交给 settings、permissions、Hooks、Skills 和 MCP。
  • 能在任务完成后检查 diff、命令输出、测试结果、截图或 PR 说明，而不是只相信自然语言总结。

如果要把本页用于团队培训，可以让学员用 Claude Code 完成一个小任务：先只读解释，再提交计划，再执行最小改动，最后用真实验证命令和人工 diff 审查收尾。