Source: https://aiprimetech.io/zh/claude-code/web-and-desktop/

[首页](/zh/) › [Claude Code](/claude-code/zh/) › 网页、桌面与 IDE

[概览](/claude-code/zh/)[安装](/claude-code/zh/install/)[CLI 参考文档](/zh/claude-code/cli/)[定价与限制](/claude-code/zh/pricing/)[Agent SDK](/zh/claude-code/sdk/)[技能与插件](/zh/claude-code/skills/)[GitHub](/zh/claude-code/github/)[网页、桌面与 IDE](/zh/claude-code/web-and-desktop/)[模型](/zh/claude-code/models/)[错误](/zh/claude-code/errors/)[是否开源？](/zh/claude-code/open-source/)[教程](/claude-code/zh/tutorial/)[学生指南](/zh/claude-code/for-students/)[QA 自动化](/zh/claude-code/qa-automation/)[与 Cursor 对比](/zh/claude-code/vs-cursor/)[与 Codex 和 OpenCode 对比](/zh/claude-code/vs-codex/)[子智能体](/zh/claude-code/subagents/)[钩子](/zh/claude-code/hooks/)[MCP](/zh/claude-code/mcp/)[生态系统](/zh/claude-code/ecosystem/)[VS Code](/zh/claude-code/vscode/)[OpenRouter](/zh/claude-code/openrouter/)[速率限制](/zh/claude-code/rate-limits/)[中文指南](/claude-code/zh/)

最后更新：2026 年 11 月

# Claude Code 有网页界面吗？网页、桌面与 IDE 版本详解

有，自 2025 年末起，Claude Code 就有了网页界面，它也能在桌面应用以及 VS Code 和 JetBrains 中运行。这些界面共用同一个智能体；区别在于代码存放的位置，以及你需要关注执行过程的程度。

## TLDR
- 网页：claude.ai/code 在 Anthropic 托管的沙盒中针对已连接的 GitHub 仓库运行会话 — 从任意浏览器启动任务，稍后审查 PR。
- 桌面应用：以原生窗口封装同一个 CLI，支持并行会话和文件预览。
- VS Code / JetBrains：智能体位于编辑器旁的面板中，提供内联差异和选区上下文。
- 终端仍是功能最完整的界面，也是唯一可完全通过脚本操作的界面。

## 网页版 Claude Code 

网页版会连接 GitHub 上的仓库，将其克隆到隔离的云端环境，并在其中运行智能体。你描述任务，它异步执行，结果以分支或拉取请求的形式返回。它适合启动多个独立任务，也适合在未安装工具链的机器上工作。凡是需要访问本地服务、数据库或密钥的任务，都不适合使用它。 

## 桌面应用 

桌面应用将 CLI 封装在原生窗口中：多个会话并排显示，支持文件和差异预览，无需了解终端操作。它使用相同的配置，因此在 shell 配置文件中设置的 ANTHROPIC_BASE_URL 和网关密钥也同样适用。 

## 如何在 VS Code（及 JetBrains）中使用 Claude Code 

从 VS Code 扩展市场安装 Claude Code 扩展（或安装 JetBrains 插件），打开项目，然后点击侧边栏中的 Claude 图标——如果尚未安装 CLI，首次启动时会自动安装。选中的代码会作为上下文传入；提出修改要求后，差异会以内联方式显示，供你接受或拒绝。它读取的环境与终端相同，因此 shell 配置文件中的网关密钥在编辑器中也同样生效；运行 /status 在面板中确认端点。 

这些扩展会在编辑器内的面板中打开 Claude Code。选中的代码会自动成为上下文，修改会以内联差异的形式显示，供你接受或拒绝，CLI 则会在首次启动时自动安装。对于日常编辑，大多数人最终会选择这种方式。 

## 不同任务该选哪种方式 
- 长时间自主重构、脚本、CI → 终端（打印模式）或 Agent SDK。
- 在当前未编辑的仓库中并行处理多项任务 → 网页版。
- 交互式结对编程 → 编辑器扩展。
- 无需编辑器的图形界面 → 桌面应用。 

## 各使用界面中的网关支持 

终端、桌面应用和编辑器扩展都会使用环境中的 ANTHROPIC_BASE_URL 和密钥，因此同一个网关账户无需更改即可在这些界面中使用。网页版在 Anthropic 的云端运行，使用你在那里登录的账户。

## 先免费试用

新账户可获得 $5 免费 API 额度 使用优惠码 CLAUDECODE — 足够用 Sonnet 运行 Claude Code 一晚，之后可获得面值 7.69231 倍的额度。

```
export ANTHROPIC_BASE_URL=https://aiprimetech.io
export ANTHROPIC_API_KEY=your_key
```

[使用优惠码 CLAUDECODE 创建账户](/register?promo=CLAUDECODE)

## 常见问题

Claude Code 有图形界面吗？

有：桌面应用、网页界面，以及 VS Code 和 JetBrains 扩展。终端是五种使用界面之一。网页版 Claude Code 与 CLI 相同吗？

代理相同，环境不同：网页版在云端沙箱中针对 GitHub 仓库运行，因此无法访问你的本地机器。我可以在 VS Code 扩展中使用网关密钥吗？

可以——它读取的环境变量与 CLI 相同。

## 通过网关运行 Claude Code

相同的模型，两个环境变量，面值 7.69231 倍的额度，或固定费率不限量方案。 新账户：使用优惠码 CLAUDECODE 可获得 $5 免费 API 额度。[获取 API 密钥](/register?promo=CLAUDECODE) [查看不限量方案](/zh/plans/)

AI Prime Tech 是独立的 API 网关，与 Anthropic 无关联，也未获得其认可或赞助。“Claude”和“Claude Code”是 Anthropic 的商标。此处介绍的 Claude Code 功能以撰写时 Anthropic 的公开文档为依据，且经常发生变化；本页面的价格和模型列表读取自此网关的实时设置。

## 更多 Claude Code 指南

[Claude Code：完整指南](/claude-code/zh/)[如何安装 Claude Code](/claude-code/zh/install/)[Claude Code CLI 文档：命令与参数](/zh/claude-code/cli/)[Claude Code 定价与限制详解](/claude-code/zh/pricing/)[Claude Code SDK，现已更名为 Claude Agent SDK](/zh/claude-code/sdk/)[Claude Code 技能与插件](/zh/claude-code/skills/)[在 GitHub 中使用 Claude Code：App、Action 和 @claude](/zh/claude-code/github/)[Claude Code 使用哪个模型，以及如何更改](/zh/claude-code/models/)[Claude Code 错误及修复方法](/zh/claude-code/errors/)[Claude Code 开源吗？](/zh/claude-code/open-source/)[Claude Code 教程：您的首次实际会话](/claude-code/zh/tutorial/)[学生使用 Claude：Claude Code、API，以及教育优惠实际提供什么](/zh/claude-code/for-students/)[如何使用 Claude Code 实现 QA 自动化](/zh/claude-code/qa-automation/)[Claude Code 与 Cursor 对比：如何选择、何时使用，以及如何同时使用两者](/zh/claude-code/vs-cursor/)[Claude Code、Codex 与 OpenCode：终端智能体对比](/zh/claude-code/vs-codex/)[Claude Code 子智能体：工作原理、定义方法与智能体团队](/zh/claude-code/subagents/)[Claude Code 钩子：以确定性方式控制智能体的行为](/zh/claude-code/hooks/)[Claude Code MCP：连接服务器、作用域、远程 MCP 与实际示例](/zh/claude-code/mcp/)[Claude Code 生态系统：路由器、框架、插件及收录它们的清单](/zh/claude-code/ecosystem/)[在 VS Code 中使用 Claude Code：扩展、终端方式与常见错误](/zh/claude-code/vscode/)[如何在 Claude Code 中使用 OpenRouter（以及何时不宜使用）](/zh/claude-code/openrouter/)[Claude 速率限制错误：“API error: rate limit reached”的含义与解决方法](/zh/claude-code/rate-limits/)[Claude Code 怎么用：从安装到日常使用](/claude-code/zh/)