Claude Code 官方桌面端正式发布，实时预览太强了！

标签: Claude Code / 桌面端 / Anthropic / AI编程 / Claude Preview / CC Switch / 前端开发
原文: 微信公众号「macrozheng」https://mp.weixin.qq.com/s/mi4v6qr3QOrQcnZgLP2BQQ

核心亮点

Claude Code Desktop —— Anthropic 官方推出的桌面应用程序，集成 Chat、Cowork 和 Code 三大核心功能，免登录即可使用，支持 Windows 和 macOS。

最惊艳的功能：Claude Preview —— 改完代码自动起开发服务器，在内嵌浏览器里实时看效果，还能自己截图、点击、填表单做测试。

为什么需要 Claude Code Desktop？

之前用过 Claude Code 的 CLI 和 IDEA 插件，但总觉得差点意思！

Claude Code Desktop 解决了这些痛点：

✅ 免登录使用（国内用户福音）
✅ 实时预览（Claude Preview）
✅ Diff 可视化 + PR 状态追踪
✅ 终端和编辑器全内置
✅ 多会话并行，Git 互相隔离

核心特性详解

1. 会话机制

每个会话都有自己独立的聊天记录、项目目录
多个会话可以并行跑
Git 互相隔离，不会串

2. 代码开发与审查

Diff 可视化
PR 状态追踪
终端和编辑器全内置
改完代码到审查合并，不需要跳出应用

3. Claude Preview（最惊艳的功能）

工作流程：

修改代码 → Claude 自动起开发服务器
    ↓
在内嵌浏览器里看效果
    ↓
Claude 自己截图、点击、填表单做测试
    ↓
有问题直接修，页面实时刷新

实测效果：

用 Open Design + Claude Code 开发了几个商城页面
不仅运行起来了，还调整成了移动端样式显示
修改非常迅速且页面实时刷新

4. 权限模式（五档可选）

模式	说明
Ask permissions	每次操作前询问
Auto accept edits	自动接受编辑
Plan mode	仅规划不执行
Auto	自动模式
Bypass permissions	绕过权限检查

5. 运行环境选择

环境	说明
本机（Local）	本地运行
Anthropic 云端（Remote）	云端运行，本地资源不够就丢云上
SSH 远程服务器	需要碰生产就 SSH 过去

6. 工作区布局

聊天、Diff、预览、终端、编辑器这些面板支持拖拽自由拼接
按自己的工作习惯排布就行

安装及配置（Windows 为例）

步骤 1：下载安装

访问官网下载：https://claude.com/download
双击 exe 文件安装
安装完成后从 系统 -> 应用 中找到 Claude 应用

步骤 2：开启开发者模式

点击左上角设置
进入帮助 -> 故障排除
开启开发者模式功能

步骤 3：配置国内大模型（CC Switch）

如果使用国内大模型，需要安装 CC Switch v3.15.0 以上版本：

下载地址：https://ccswitch.io/
配置 CC Switch 设置，开启路由总开关
切换到右下角有电脑的 Claude 图标对应面板
添加模型并启用（以 DeepSeek 为例，选好预设供应商后仅需填写 API_KEY）

步骤 4：配置第三方接口

打开 Claude Code Desktop
进入设置 -> 开发者 -> 配置第三方接口功能
由于在 CC Switch 中开启了本地路由，这里的网关信息会直接配置好
点击右下角的应用在本地按钮即可开始使用

步骤 5：测试

里面的模型都是我们在 CC Switch 中配置好的 DeepSeek 模型，随便发个消息测试下，有回复代表配置成功了。

使用技巧

基础操作

操作	说明
绑定工作目录	点击左下角的文件夹图标
切换模型	点击右下角的模型名称
切换工作模式	点击左下角的模式名称
上传文件/图片	点击左下角的加号
添加 SKILL/插件	点击左侧的自定义按钮

注解视图（超实用）

选择需要修改的部分
点击添加到聊天
就会把注解好的图片发送给 Claude Code
即使使用的模型不支持图像识别也能识图（神奇！）

效果展示

Claude Code Desktop 使用过程中的效果图（原文有配图）：

会话管理界面：多个会话并行，Git 隔离
Claude Preview：实时预览前端页面效果
注解视图：选择元素后直接提要求，修改迅速且实时刷新
工作区布局：面板拖拽自由拼接

与 MCP + Chrome 方案对比

方案	优点	缺点
MCP + Chrome	灵活，可定制	配置复杂，效率较低
Claude Preview	效率提高很多，实时预览，自动测试	需要桌面端支持

结论：Claude Preview 用来开发前端非常方便，比用 MCP 来操作 Chrome 效率提高很多！

总结

Claude Code Desktop 是一款功能非常强大的工具，尤其是它的 Claude Preview，用来开发前端非常方便。

如果你：

想要一个免登录的 Claude Code 体验
需要实时预览前端代码修改后的效果
希望** Diff 可视化 + PR 状态追踪**一体化
想用国内大模型（通过 CC Switch 配置）

Claude Code Desktop 值得一试！

官网下载: https://claude.com/download
CC Switch 下载: https://ccswitch.io/
Keywords: Claude Code Desktop, Anthropic, Claude Preview, CC Switch, 实时预览, AI 编程