<!-- title: 零终端起步：桌面应用首项目实战 -->

## 概述

本教程面向完全没用过命令行的零基础用户，教你用 **Claude Code 桌面应用**（Mac/Windows）完成第一个真实项目，全程不打开终端。你将掌握 Chat、Cowork、Code 三个选项卡的分工，学会用可视化 Diff 审查改动，并解锁杀手级功能——**手机 Dispatch 远程派活**：出门在外用手机给电脑里的 Claude 下任务，回家即见成果。

## 前置条件

- 一台 **macOS 或 Windows** 电脑（本地会话暂不支持 Windows arm64）
- 一个 **Claude 订阅账户**（Pro 或 Max，Cowork 的 Computer Use、Dispatch 等能力优先面向付费用户）；若用 API 计费，也可填入 API Key
- **Claude 手机端 App**（用于 Dispatch 跨设备派活，可选但强烈推荐）
- 不需要任何编程基础、不需要装 Node.js、不需要懂终端——这正是桌面应用的最大价值

---

## 一、为什么零基础用户该从桌面应用入门

Claude Code 最早只有命令行版本，对非程序员极其不友好。2026 年，Anthropic 推出了**桌面应用**，把命令行里那套强大能力包进了图形界面：你用鼠标拖拽、点击按钮、看可视化对比，就能驱动 Claude 读文件、写代码、跑命令。

桌面应用把交互收敛为**三个选项卡**，对应三种完全不同的工作模式：

| 选项卡 | 是否访问文件 | 核心定位 | 类比 |
|--------|------------|---------|------|
| **Chat** | 否 | 通用问答对话 | 就像 claude.ai 网页版 |
| **Cowork** | 是 | 文件级协作 + Computer Use + Dispatch | "副驾"：你看着它干活 |
| **Code** | 是 | 完整 IDE，带集成终端与文件编辑器 | "主驾"：你深度参与开发 |

**选型口诀**：纯聊天问知识 → Chat；想让 Claude 自动改文件并随时接管 → Cowork；要写代码、跑测试、看终端输出 → Code。零基础用户第一次实战，建议从 **Cowork 起步**（最直观、最像"看 AI 干活"），熟练后再进 Code。

---

## 二、安装与登录

### 步骤 1：下载桌面应用

打开官方下载页（见文末参考来源），按系统选择 **macOS** 或 **Windows** 安装包。

```bash
# 下载后 macOS 拖入「应用程序」，Windows 双击安装即可
# 无需任何命令行操作
```

**预期结果**：应用启动后看到三选项卡界面（Chat / Cowork / Code），左上角为账户状态。

**常见问题**：
- **Windows arm64 启动报错**：本地会话暂不支持该架构，请使用 x64 设备，或改用 Web 端 `claude.ai/code`。
- **macOS 提示"无法验证开发者"**：系统设置 → 隐私与安全性 → 点「仍要打开」。

### 步骤 2：登录认证

首次启动会引导你登录。两种方式：

1. **订阅账户登录**（推荐 Pro/Max 用户）：点击「Sign in with Claude」，浏览器跳转授权，完成后自动回填。此后用量走订阅额度。
2. **API Key 模式**：在设置里粘贴 `sk-ant-...` 开头的密钥，按 token 计费。

**预期结果**：账户头像出现在左上角，状态显示已连接。

**常见问题**：
- **登录后提示无额度**：确认订阅是否激活；Cowork 的 Computer Use 为研究预览，需 Pro 及以上。
- **登录后仍要 API Key**：检查是否误开了「仅 API」开关。

---

## 三、Chat 选项卡：第一次对话

Chat 不访问你的任何文件，是最安全的"练手场"。

### 操作说明
1. 点击顶部 **Chat** 标签
2. 在输入框直接提问，例如：「用大白话解释什么是 Git，并给一个非程序员的使用场景」
3. 回车发送，Claude 流式输出回答

**预期结果**：纯文本对话，回答中可能含表格、列表、代码块，但不会触碰你的磁盘。

**适用场景**：查概念、改文案、翻译、头脑风暴——和 claude.ai 网页版体验一致，适合在 Cowork/Code 干活前先"对齐需求"。

---

## 四、Cowork 选项卡：让 Claude 动手改文件

Cowork 是桌面应用的核心卖点。它会真正读写你指定的项目目录，并在每一步给你**可视化 Diff** 供审查。

### 步骤 3：新建项目并授权目录

1. 点击 **Cowork** 标签 → 「New Session」
2. 选择一个空文件夹（例如 `~/Desktop/my-first-site`）作为工作目录
3. 系统会提示**授权文件访问**，点「允许」

> 授权只针对你选定的目录，Claude 无法越权访问其他路径——这是桌面应用内置的权限围栏，零基础用户不必担心"它乱删我的文件"。

### 步骤 4：下达第一个任务

输入需求：

```
帮我做一个单页个人作品集网站：标题"我的作品集"，三个项目卡片，
深色主题，纯 HTML+CSS，不依赖外部库。完成后直接写入文件。
```

**预期结果**：Claude 列出计划 → 逐个创建 `index.html`、`style.css` → 每次写入前弹出**可视化 Diff 面板**（左旧右新，增删行高亮）→ 你点「Accept」或「Reject」逐项确认。

**常见问题**：
- **Claude 一直不写文件只聊天**：确认当前在 Cowork 而非 Chat；检查是否误开了「仅建议模式」。
- **Diff 看不懂**：绿色=新增，红色=删除，左侧 `+/-` 号标明增删；不确定就点「Reject」让它重做。

### 步骤 5：实时接管与 Computer Use

Cowork 的进阶能力是 **Computer Use**（计算机使用）：Claude 能像人一样操作你的浏览器、应用窗口，完成"打开浏览器预览 → 截图 → 对照设计 → 调整代码"的闭环。

操作：任务中点「Enable Computer Use」（研究预览），Claude 会先说明它打算操作的界面，征得同意后执行，全程窗口可见、可随时打断。

> 这是一个"研究预览"功能，目前面向 Pro/Max 用户开放，初次使用建议在非敏感任务上试跑。

---

## 五、Code 选项卡：完整 IDE 体验

当你要写代码、跑命令、看终端报错时，切到 **Code** 选项卡。它把集成终端、文件树、编辑器、侧边聊天整合在一起，相当于一个内置的 Claude Code IDE。

### 步骤 6：在 Code 里跑起来

1. 切到 **Code** → 打开刚才的 `my-first-site` 目录
2. 左侧文件树可见 `index.html`、`style.css`
3. 在终端区直接预览（无需手敲命令，可直接对 Claude 说）：

```
帮我启动一个本地预览服务器，并在浏览器打开 index.html
```

Claude 会自动在集成终端执行（例如 `python3 -m http.server`），并把结果反馈给你。

**预期结果**：终端显示服务地址，浏览器弹出预览页。

**常见问题**：
- **预览端口被占用**：让 Claude 换一个端口，如 `python3 -m http.server 8081`。
- **找不到命令（如 python3）**：这是少数仍需系统环境支持的地方；可让 Claude 改用 Node 的 `npx serve`，或直接双击 `index.html` 用浏览器打开做静态预览。

---

## 六、手机 Dispatch：跨设备远程派活

这是 2026 年最让人惊艳的能力。**Dispatch** 在你的手机 Claude App 与桌面 Claude 之间建立一条**持久对话线程**：通勤路上用手机下指令，电脑里的 Claude 就开始干活，回家直接看成果。

### 步骤 7：配对手机与桌面

1. 桌面端 Cowork/Code 开启一个会话，点右上角 **Dispatch** 或「手机接管」图标
2. 弹出二维码
3. 手机端 Claude App 扫码 → 确认配对 → 建立持久线程

### 步骤 8：远程派发任务

在手机上输入：

```
给作品集再加一个"联系我"板块，包含邮箱占位和留言表单，
保持深色风格，写完把改动用一句话总结发我。
```

**预期结果**：电脑端会话自动接收任务并执行 Diff → 手机端收到完成通知与一句话总结。你全程没碰电脑。

> **与 Remote Control 的区别**：Dispatch 是"委托任务"（Claude 自主完成并汇报），Remote Control 是"远程操控终端"（手机直接当你电脑的键盘，适合实时指挥）。零基础用户先用 Dispatch，它是"下完指令就放手"的体验。

**常见问题**：
- **手机扫码后无反应**：确保电脑端在线、未休眠；Mac 需在系统设置允许 Claude 后台运行。
- **任务中断**：Dispatch 线程持久，可随时用手机追问进度或续派子任务。

---

## 七、Git 隔离的并行会话

桌面版的"秘诀"是 **Git worktree** 隔离。你可以**同时开多个会话**，每个会话在独立的 Git 分支上工作，互不污染，最终再合并。

### 步骤 9：开第二个并行会话

1. 当前会话不关，点「New Session」选同一仓库
2. 桌面应用自动基于 Git worktree 创建隔离工作副本
3. 在新会话里做"重构样式"，原会话继续"加功能"

**预期结果**：两个会话各自有独立的文件视图和 Diff，改动不会互相覆盖；完成后可对比、合并分支。

**适用场景**：一边修 bug 一边加新功能、一边重构一边写文档——告别"改一处崩全局"的焦虑。

---

## 实战案例：从零做一个可远程追加的个人作品集

把前述步骤串成一个完整闭环：

1. **Chat 对齐**：在 Chat 里和 Claude 讨论作品集该有哪些板块，敲定「标题 + 三卡片 + 联系方式」。
2. **Cowork 建站**：切到 Cowork，授权 `~/Desktop/my-portfolio`，下指令生成 `index.html` + `style.css`，逐个 Diff 审查通过。
3. **Code 预览**：切到 Code，让 Claude 启动本地服务器，浏览器看效果，让 Claude 调整配色与间距。
4. **Dispatch 扩展**：出门后用手机 Dispatch 追加「联系我」板块与留言表单，回家看到成果。
5. **并行优化**：开第二个 Git 隔离会话做"响应式适配"，主会话继续丰富项目卡片，最后合并。

全程零终端、零命令、鼠标+自然语言驱动——这正是桌面应用为非程序员铺平的路。

---

## 工作流程全景

```mermaid
flowchart TD
    A[下载安装桌面应用] --> B[登录: 订阅账户 / API Key]
    B --> C{选择工作模式}
    C -->|纯问答| D[Chat 选项卡]
    C -->|看 AI 改文件| E[Cowork 选项卡]
    C -->|深度写代码| F[Code 选项卡]
    E --> G[授权项目目录]
    G --> H[下达任务 + 可视化 Diff 审查]
    H --> I{需要自动操作界面?}
    I -->|是| J[Computer Use 闭环]
    I -->|否| K[确认写入]
    K --> L[手机 Dispatch 扫码配对]
    L --> M[远程派发子任务并接收汇报]
    F --> N[集成终端预览/测试]
    N --> O[Git worktree 开并行会话]
    J --> M
    O --> P[合并分支完成项目]
    M --> P
```

---

## 训练营适用性评估

- **适用类型**：**非程序员/产品/运营/管理者** AI 编程训练营、**零基础数字化办公**训练营、**创意工作者自助建站**工作坊。
- **不适合**：重度后端/DevOps 训练营（这类仍需终端、容器、CI，桌面应用只是入口，深度任务应转 CLI）。
- **预计教学时长**：**2–3 小时**可完成从安装到 Dispatch 全闭环；若含 Git 并行会话与 Computer Use 进阶，建议安排**半天**。
- **配套建议**：可与本系列后续"CLAUDE.md 记忆""权限围栏""Skills"主题衔接——桌面应用是入口，能力扩展仍靠这些底层机制。

---

## 延伸阅读

- 桌面应用官方完整参考（英文）：`code.claude.com/docs/en/desktop`
- Cowork 全景报告（Computer Use、Dispatch、定时任务）：`ai-insight.org/reports/claude-cowork-2026`
- 三大跨设备协作功能解析（Channels / Remote Control / Dispatch）：见文末参考来源
- 进阶衔接：本系列 Round 2「Skills 开发实战」、Round 4「Hooks 与自动化」

---

## 参考来源

1. [开始使用桌面应用 - Claude Code Docs](https://code.claude.com/docs/zh-CN/desktop-quickstart) — 官方桌面应用快速上手，三选项卡与首次配置权威说明
2. [Desktop application - Claude Code Docs](https://code.claude.com/docs/zh-CN/desktop) — 桌面应用完整参考：Git 隔离并行会话、拖放窗格、集成终端、Dispatch、可视化 Diff
3. [深入解析 Anthropic 三大跨设备协作功能：Channels、Remote Control 和 Cowork Dispatch](https://liduos.com/posts/anthropic-channels-remote-control-cowork-dispatch) — 系统拆解跨设备协作能力，含 Dispatch 与 Remote Control 区别
4. [Claude Desktop 三合一：Chat、Cowork、Code 深度对比与实战指南](https://fanweibin.cn/posts/2026-04-15-E1C4bEkd) — 三种工作模式的架构原理、核心能力与适用场景对比
5. [Claude Cowork Dispatch：手机远程指挥你的桌面 AI 助手](https://blog.eimoon.com/p/claude-cowork-dispatch-guide/) — 手机端与桌面端建立持久线程的实操与原理，含与同类工具对比

> [!tip] 51学通信知识星球
> **星主：爱卫生**（微信：gprshome201101）——公众号「51学通信」创办者，19 年通信行业运维与讲师经验，著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书（各大电商平台有售）。
> **星球定位**：深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域，主打运维岗位与信令分析。
> **当前规模**：5200 篇主题 / 990 个回答，198 元/年。
> **加入福利**：加入星球后请加爱卫生微信，拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题，另有群内分享。
> **AI 加持**：51学通信知识星球已作为 skill 接入 WorkBuddy，使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例，做总结、找文档和 PPT 等场景全覆盖。

![51学通信知识星球海报-扫码加入](https://wiki.500nian.com/images/zhixingqiu_qrcode.png)
