Claude Code 实战课

主题

3.8 多端使用 — 终端、桌面、浏览器、远程控制 ​

学习目标 ​

学完这节课，你将能够：

  • 了解 Claude Code 的四种使用形态及各自的适用场景
  • 根据自己的工作环境选择最合适的使用方式
  • 在终端、桌面应用、浏览器、手机之间无缝切换同一个任务
  • 配置 VS Code 和 JetBrains IDE 集成

一个引擎，多种界面 ​

很多同学一直在终端里用 Claude Code，可能会以为它就是个命令行工具。其实不是——终端只是它的"入口之一"。Claude Code 底层是同一个引擎，但你可以从四个不同的界面去使用它：终端 CLI、桌面应用、浏览器、远程控制。

它们共享同一套配置：你的 CLAUDE.md、MCP 服务器、Hooks、自定义 Skills，全部通用。区别只在于界面和运行环境。

想象一下这个场景：你在公司用终端写了一半功能，下班路上想用手机看看进度，到家打开浏览器继续。这不是科幻——Claude Code 现在就能做到。

形态一：终端 CLI ​

这是大家最熟悉的方式，也是功能最完整的入口。

bash
cd your-project
claude

终端 CLI 的优势在于速度和灵活性。管道组合、脚本自动化、CI/CD 集成，这些都是终端的主场。如果你已经习惯了在终端里工作，这就是最高效的选择。

适用场景：

  • 日常开发，需要快速编辑代码和运行命令
  • 管道模式 (-p) 做自动化处理
  • 在脚本和 CI/CD 流水线中嵌入 AI 能力
  • 搭配 tmux/screen 做长时间后台任务

我们前面几节课一直在用的就是这个形态，这里不再展开。

形态二：Desktop App（桌面应用） ​

Claude Desktop 是一个独立的桌面应用程序，不需要你装 Node.js，不需要碰终端。打开应用，点 Code 标签页，选个文件夹，就能开始写代码。

安装 ​

下载地址：

  • macOS：支持 Intel 和 Apple Silicon
  • Windows：支持 x64 和 ARM64

安装后启动应用，登录你的 Anthropic 账号，点顶部的 Code 标签页就能用了。

[截图: Claude Desktop 应用的 Code 标签页，能看到顶部 Chat/Cowork/Code 三个标签]

核心优势：可视化 Diff 审查 ​

终端里的 diff 是纯文本的，看起来费劲。Desktop 提供了图形化的 diff 视图——每个文件的改动一目了然，还能在具体某一行上留评论，Claude 读到你的评论后会针对性地修改。

[截图: Desktop 的 diff 审查界面，显示代码改动的左右对比和行内评论功能]

其他亮点 ​

功能说明
并行会话侧边栏开多个 session，每个用独立 Git worktree 隔离
应用预览内置 Preview 面板，直接跑 dev server 看效果
PR 监控提交 PR 后自动监控 CI 状态，失败了自动修复
定时任务设置 schedule，每天早上自动审查 PR、每周跑依赖审计
插件市场点 + → Plugins 安装社区插件扩展能力

什么时候用 Desktop ​

  • 你不喜欢终端，更喜欢图形界面
  • 需要反复审查大量 diff（写完功能后的 review 阶段）
  • 想同时开多个并行任务
  • 给非技术团队成员演示 Claude Code 的能力

形态三：Web Sessions（浏览器端） ​

打开 claude.ai/code，不需要在本地装任何东西，直接在浏览器里用 Claude Code。

怎么回事？ ​

Web Sessions 运行在 Anthropic 的云端虚拟机上。每个 session 会自动克隆你的 GitHub 仓库，在一个隔离的 VM 里执行任务。关掉浏览器也没关系，任务照样跑——你随时回来看进度。

[截图: claude.ai/code 的界面，显示一个正在运行的 Web Session 和侧边栏的会话列表]

设置步骤 ​

  1. 打开 claude.ai/code
  2. 安装 Claude GitHub App 到你想要操作的仓库（授权克隆和推送）
  3. 选择仓库，输入任务描述，开始！

或者从终端直接发起云端任务：

bash
# 发起一个云端任务
claude --remote "修复 src/auth/login.ts 中的认证 Bug"

# 查看后台任务进度
/tasks

多任务并行 ​

Web Sessions 的一大杀手锏：你可以同时跑多个任务，每个任务在独立的 VM 里互不干扰。

bash
claude --remote "修复 auth.spec.ts 的 flaky test"
claude --remote "更新 API 文档"
claude --remote "重构 logger 为结构化输出"

三个任务同时跑，回头看结果就行。

什么时候用 Web Sessions ​

  • 需要跑长时间任务，不想占用本地机器
  • 本地没有开发环境（比如在 iPad 上或借别人电脑）
  • 想并行处理多个独立任务
  • 项目在 GitHub 上但本地没有 clone

形态四：Remote Control（远程控制） ​

Remote Control 和 Web Sessions 不一样——它不是在云端跑，而是你的本地 Claude Code 会话依然在你的机器上跑，但你可以从浏览器或手机"遥控"它。

工作原理 ​

你的终端上跑着一个 Claude Code 会话，Remote Control 通过 Anthropic API 建立一个加密通道，让你从任何设备的浏览器或 Claude App 连过来操作。你的文件、MCP 服务器、项目配置全在本地，远程界面只是一个"窗口"。

你的电脑（Claude Code 运行中）
    ↕ 加密通道（TLS）
浏览器 / 手机 App（远程操作界面）

怎么用 ​

方式一：专门启动远程控制服务

bash
claude remote-control

终端进入服务模式，等待远程连接。会显示一个 session URL 和二维码。

[截图: 终端中 claude remote-control 输出的 session URL 和二维码]

方式二：给已有会话开启远程控制

如果你已经在 Claude Code 里干活了，想切换到手机继续：

/remote-control

或者启动时就带上参数：

bash
claude --remote-control

方式三：连接到远程会话

  • 在浏览器打开终端显示的 session URL
  • 或者用手机扫二维码，在 Claude App 里打开
  • 或者直接去 claude.ai/code，在会话列表里找到带绿点的那个

安全模型 ​

这里要特别说一下安全性，因为很多人会问"我的代码会不会被上传"。答案是：不会。

  • 你的本地机器只发出 HTTPS 请求，不开放任何入站端口
  • 只有聊天消息和工具执行结果通过加密通道传输
  • 你的文件和 MCP 服务器始终留在本地

什么时候用 Remote Control ​

  • 在办公室开始了一个任务，想在沙发上用手机继续
  • 需要用本地的 MCP 服务器和开发环境，但想从别的设备操作
  • 给同事远程展示你正在做的东西

形态间切换 ​

四种形态之间不是孤立的，你可以随时切换。

终端 → 桌面 ​

在终端会话中输入：

/desktop

会话就会转移到 Desktop 应用中继续，方便你在图形界面中审查 diff。

终端 → 浏览器 ​

bash
claude --remote "继续执行 docs/migration-plan.md 中的迁移方案"

创建一个云端 session，在浏览器里打开继续。

浏览器 → 终端 ​

在终端执行：

bash
# 交互式选择要拉回来的 session
claude --teleport

# 或者指定 session ID
claude --teleport <session-id>

云端的会话和分支会被拉到你本地，对话历史完整保留。

终端 → 手机 ​

/remote-control

扫二维码，在 Claude App 里继续操作。

[截图: 手机上 Claude App 中显示的 Remote Control 会话界面]

IDE 集成 ​

除了上面四种独立形态，Claude Code 还能直接嵌入你的 IDE。

VS Code 集成 ​

VS Code 是集成度最高的 IDE。安装扩展后，你会得到：

  • 图形化聊天面板：侧边栏直接对话
  • 内联 Diff 审查：改动直接在编辑器里显示和接受/拒绝
  • @-mention 文件引用：输入 @filename 把文件拉进对话
  • 并行对话：开多个面板同时处理不同任务

安装方式：

  1. 在 VS Code 扩展市场搜索 "Claude Code"
  2. 或者按 Cmd+Shift+P，输入 "Claude Code"，选择 Open in New Tab

[截图: VS Code 中 Claude Code 扩展的侧边栏面板，展示对话界面和 diff 审查]

VS Code 中也支持 Remote Control：

/remote-control

输入后会在输入框上方出现连接状态横幅，点击 Open in browser 就能在浏览器里继续。

JetBrains 集成 ​

IntelliJ IDEA、PyCharm、WebStorm、GoLand 等 JetBrains 系 IDE 都支持。

安装方式：

  1. 打开 Settings → Plugins → Marketplace
  2. 搜索 "Claude Code"，安装并重启 IDE

快捷键：

  • Cmd+Esc（Mac）/ Ctrl+Esc（Windows/Linux）快速启动 Claude Code

主要功能：

  • 在 IDE 的 diff 查看器中审查代码变更
  • 自动共享当前选中的代码片段作为上下文
  • IDE 诊断信息（错误、警告）自动传递给 Claude

[截图: IntelliJ IDEA 中 Claude Code 插件的 diff 视图和快捷操作面板]

提示：JetBrains 插件需要你先单独安装 Claude Code CLI。插件本身不包含 CLI，它是调用你机器上已安装的 claude 命令来工作的。

怎么选？一张表搞定 ​

场景推荐形态
日常写代码、跑命令终端 CLI
审查大量代码改动Desktop App 或 IDE
不想装环境，在浏览器里干活Web Sessions
长时间后台任务Web Sessions
在路上用手机看进度Remote Control
多任务并行Web Sessions 或 Desktop 并行会话
CI/CD 自动化终端 CLI（管道模式）
给非开发者演示Desktop App

小结 ​

  • Claude Code 有四种使用形态：终端 CLI、Desktop App、Web Sessions、Remote Control，底层引擎相同，配置通用
  • 终端 CLI 最灵活，适合日常开发和自动化
  • Desktop App 有图形化 diff 审查、并行会话、应用预览，适合 review 和演示
  • Web Sessions 在云端运行，不占本地资源，支持多任务并行，关掉浏览器任务不中断
  • Remote Control 让你从手机或其他设备遥控本地会话，代码不离开你的机器
  • 形态之间可以自由切换：/desktop、--remote、--teleport、/remote-control
  • VS Code 和 JetBrains IDE 提供深度集成，把 Claude Code 嵌入你已有的开发环境

安全提示：Remote Control 只通过加密通道传输聊天消息和工具结果，你的文件始终留在本地机器上。但 Web Sessions 会把代码克隆到 Anthropic 的云端 VM 中运行，如果你的项目有严格的代码保密要求，请优先使用 Remote Control 而非 Web Sessions。

用 Claude Code 构建，用 VitePress 驱动

© 2026 Claude Code 实战课