ARTICLE DETAIL

资讯详情

深耕郑州网站建设与运营推广的一线实战洞察。

Cate面板系统终极指南:画布、Dock停靠、拆分与独立窗口的全场景布局技巧

Cate面板系统终极指南:画布、Dock停靠、拆分与独立窗口的全场景布局技巧 Cate面板系统终极指南画布、Dock停靠、拆分与独立窗口的全场景布局技巧【免费下载链接】cateAn infinite zoomable canvas for coding. Editor, terminal, and browser panels in a spatial workspace.项目地址: https://gitcode.com/gh_mirrors/cate5/cateCate 是一款无限画布 IDE把编辑器、终端和浏览器面板放进同一个空间工作区。本文带你快速掌握 Cate 面板布局的四大阵地——画布、Dock 停靠区、拆分面板与独立窗口——几分钟就能搭出属于自己的高效多面板工作区。Cate 的核心设计理念同一个面板可以在画布、停靠区或独立窗口之间自由流动而且布局会按项目自动持久化。下面逐个拆解。面板去哪放Cate 的 4 种位置位置是什么适合场景️画布Canvas无限缩放的主舞台面板以卡片形式自由摆放总览多个 Agent 终端、并行任务看板主停靠区Main Dock主窗口内固定区域支持标签页与拆分编辑器 终端的主力工作台独立窗口Detached拖出主窗口形成的独立窗口需要并排放到另一块屏幕️标签页Tab Stack多面板堆叠在同一位置按需切换多个文件 / 多个浏览器页这四种位置可以互相拖拽转换官方维护了一张完整的拖放规则矩阵见 docs/dock-rules.md。画布布局把面板卡片摆到无限画布上画布是 Cate 的主舞台。把任何面板拖到画布空白处它就会变成一张可自由摆放的面板卡片缩放滚轮 / 双指缩放整个画布随时在单面板细节和全局鸟瞰之间切换移动拖拽卡片即可改变位置卡片内的标签与拆分结构会原样保留组成节点多个面板可以聚合成一个画布节点节点内部还能继续拆分浏览器常驻浏览器面板即使滚出视野也会保持挂载登录态和表单状态不丢失面板类型定义在 src/shared/panels.ts包含终端绿色品牌色、Files 编辑器橙色、浏览器蓝色、T3 Code Agent 聊天蓝色、Diff Review 等每种面板都有默认尺寸与最小尺寸约束。小技巧画布支持自定义背景壁纸见src/renderer/assets/wallpapers/配合缩放功能让每个面板卡片像便签一样贴在桌面上多个 Agent 的进度一目了然。Dock 停靠技巧标签页移动与一键拆分主停靠区的行为完全可预测记住下面这张速查表就够用了拖拽操作结果标签 → 同一标签栏调整标签顺序标签 → 另一个标签栏把面板移动到那个停靠区标签 → 左 / 上边缘水平 / 垂直拆分插在目标之前标签 → 右 / 下边缘水平 / 垂直拆分插在目标之后标签 → 画布空白处在画布上创建一张新的面板卡片两个最常用的入口标签栏右侧的Split Right按钮一键在当前标签右侧拆出一个新面板标签右键菜单提供拆分、关闭全部、多选、重命名等动作拆分逻辑集中在 src/renderer/docking/DockSplitContainer.tsx菜单动作在 src/renderer/docking/DockTabContextMenu.tsx拆分后的比例可以拖动中间分隔线调整。同方向连续拆分会得到并列窗格而不是层层嵌套保持结构清爽。画布节点拆分把面板塞进另一张卡片画布内部也有自己的拆分规则面板拖到空画布→ 新建一张卡片面板拖到某节点的标签栏→ 合并为标签页源节点清空后自动删除面板拖到某节点的边缘→ 拆分为新窗格这些行为的端到端覆盖在 e2e/drag-split.spec.ts 与三方拆分测试 e2e/three-way-split.spec.ts 中规则细节同样见 docs/dock-rules.md。分离独立窗口拖出去就是第二个屏幕把面板卡片拖出应用窗口边界或从标签右键菜单选择放入新窗口它就会分离成独立窗口独立窗口拥有完整的能力自己的停靠区、侧边栏和CmdK命令面板两个窗口双向同步把独立窗口里的面板拖回主窗口的 Dock 或画布即可合流只有在接收方确认后才会提交失败时自动在源窗口回滚恢复设置对话框只在主窗口打开保证全局设置入口唯一这套跨窗口同步逻辑的完整测试见 e2e/detached-panels.spec.ts多窗口面板管理在主进程中由 src/main/ipc/windowPanels.ts 实现。最大化与最小化一键专注 / 一键还原Cate 里的最大化是一种可逆的展示操作不会破坏你的布局最大化把某个拆分区域合并成一个标签栈适合临时专注单个面板最小化精确还原之前的拆分树——包括节点位置、大小、标签和激活窗格失效规则如果还原点两侧的结构性内容发生了变化面板被增删、移动、重新拆分恢复按钮会自动移除不会覆盖你的新布局多个画布窗格可以同时各自最大化每个都有独立的还原点互不干扰。规则细节与自动化覆盖清单都在 docs/dock-rules.md 的规则表中。布局持久化与快捷键重绑定布局按项目保存关闭 Cate 再打开同一项目画布卡片位置、拆分比例、标签顺序都会原样回来无需手动整理快捷键可重绑定所有布局相关快捷键都能在 Settings 中自定义CmdK快速呼出命令面板搜索面板、文件和动作下一步建议打开一个项目新建两个终端 一个编辑器按本文顺序练习画布摆放 → 边缘拆分 → 拖出独立窗口十分钟就能形成肌肉记忆。更完整的拖放与恢复规则矩阵欢迎对照 docs/dock-rules.md 逐项体验。【免费下载链接】cateAn infinite zoomable canvas for coding. Editor, terminal, and browser panels in a spatial workspace.项目地址: https://gitcode.com/gh_mirrors/cate5/cate创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表