企业官网建设流程全解析

• 人工智能
• AI 应用
• AI Agent
• 代码智能体
• 桌面应用
• 开发工具
• GUI 自动化

cc-haha 是一款本地优先的 Claude Code 跨平台桌面工作区。它最实用的能力之一，就是让 AI 改完代码后，你可以逐文件审阅 Diff 评审结果，并用内置浏览器预览页面效果——不用切窗口、不用复制粘贴，改动、评论、预览全在一个窗口里完成。本指南教你从零走完这条审阅链路。

第一步：打开工作区，让改动看得见

对话区只能告诉你 AI「说了什么」，而右侧的工作区面板才告诉你它「真的改了什么」。

• 点标签栏右侧的「显示工作区」按钮即可展开面板，再点一次收起
• 面板左边界可以拖动调整宽窄
• 空面板里可以打开「审查」「文件」「浏览器」「终端」「侧边聊天」，它们各自保留在独立标签中，互不干扰

工作区整体架构的说明见官方文档：docs/desktop/workspace.md。

选择比较范围：一眼看清AI改了什么

打开「审查」标签后，先在工具栏的「比较范围」里选你要看的改动：

点「显示/隐藏文件树」展开变更文件列表，每行显示文件状态和增删行数，点文件即可打开对应 Diff。变更分块由 reviewHunks.ts 解析 Git patch 生成，保证每一块改动都不丢失。

💡 不是 Git 仓库时，「审查」入口会直接说明原因，不会报错卡死。

逐文件 Diff 评审：看行，也能看字

点开某个文件的 Diff，旧行和新行同时保留并带语法高亮，工具栏还支持：

• 统一 Diff / 并排 Diff两种视图切换——并排模式适合逐行对照，统一模式适合看连续改动
• 自动换行——长代码行不再横向滚动
• 标记为已查看——大改动多文件时，帮你记住审阅进度

Diff 的排版与高亮分别由 workspaceDiffLayout.ts 和 workspaceDiffHighlighter.ts 负责，大文件也不会卡住界面。

行级评论：把意见直接甩给 AI

这是整个 Diff 评审最省事的一步：

1. 点某一行，右侧出现评论框
2. 想评一段而非一行？按住Shift点起止行（限同一侧、同一变更块）
3. 写下你希望怎么改，点「提交」
4. 评论会连同文件路径、行号、选中代码一起回到输入框，直接发给 AI

这比在对话里说「那个函数里判断空值那行」要准确得多——AI 拿到的就是精确定位。

⚠️ 如果你在写评论时 AI 又改了这个文件，界面会提示「差异已更新」，需要重新选行。这是防止你的评论落到错误位置的保护机制。

内置浏览器预览：让 AI 亲眼看渲染结果

改完前端代码，别急着刷新外部浏览器。在工作区的+菜单里打开「浏览器」标签，地址栏填入本地开发地址（如http://127.0.0.1:4173/）就能直接预览。

这里有三个专门为「让 AI 看见」设计的按钮：

• 📷 截图——把当前页面画面带回会话，AI 立刻能看到渲染结果
• 🎯 选择元素——在页面上点一个元素，它的选择器、位置和截图会一起作为上下文交给 AI，改样式时特别省事
• 🔍 缩放——调整预览比例，检查响应式布局

截图与选元能力由 preview-agent/screenshot.ts 和 preview-agent/selector.ts 实现，预览页宿主逻辑在 browserHost.ts。

🔒 注意：内置浏览器的登录态和 Cookie 是真实的。做公开演示或截图发出去之前，请换成不需要登录的页面。

高频问题速答

Q：AI 改错了怎么撤？在对话里直接用撤销类指令让 AI 回退，或走 Git 的git checkout恢复，详见 docs/desktop/sessions.md。

Q：怕 AI 大改搞乱当前分支？在输入框的运行位置选「独立工作树」，这条会话会拿到一个隔离的 Git worktree，你当前分支一个字都不会动。

Q：交付前还要做什么？被拒绝的工具调用不会写盘，但已接受的改动建议交付前自己再过一遍git diff兜底。

总结

cc-haha 的审阅链路只有四步：开工作区 → 选比较范围 → 逐文件看 Diff 并行级评论 → 内置浏览器验证效果。改动、反馈、预览全程不切窗口，这正是它作为 AI 编程桌面工作区的核心价值。想继续深入，可以看架构文档 docs/internals/desktop.md 和会话审阅说明 docs/desktop/sessions.md。

• 人工智能
• AI 应用
• AI Agent
• 代码智能体
• 桌面应用
• 开发工具
• GUI 自动化