工作区概述

了解 1DevTool 的三个区域以及面板如何协同工作。

首次打开 1DevTool 时，屏幕分为三个不同的区域。每个区域都有特定的工作，一旦你了解每个区域的内容，几分钟内就会感到熟悉。

三个区域

左侧边栏是你的项目中心。它显示垂直堆叠的颜色编码图标 —— 每个项目一个图标。颜色让你一目了然地区分项目，无需阅读任何文本。

在侧边栏底部，你会找到全局设置、会话管理器和其他应用级控制的导航图标。

要切换项目，只需点击任何项目图标。1DevTool 立即恢复你上次在该项目中工作时打开的精确面板和终端集合。你之前的项目在后台继续安静运行 —— 没有任何被终止。

主区域是发生一切的大型中心区域。它由面板组成 —— 每个面板服务于一个目的的独立窗口。你可以同时打开多个面板，并排排列或网格排列。

以下是 1DevTool 中可用的面板类型：

Panel	What it does
Terminal	完整终端，你在其中运行 AI agent（Claude Code、Codex、Gemini CLI）或任何 shell 命令
Database	可视浏览和查询数据库，无需单独的 GUI 应用
HTTP Client	发送 API 请求并检查响应，像内置的 Postman
Git	暂存更改、编写提交信息并查看 diff —— 所有这些都无需离开 1DevTool
Browser	真正的浏览器面板，因此你可以在构建时预览应用
IDE Strip	快速文件导航和编辑器快捷键，与终端并排

窗口最底部的细条是状态栏。无论你做什么，它都保持可见并显示：

点击任何面板标题中的 + 按钮打开面板选择器。选择你想要的面板类型，它会出现在主区域的下一个可用槽位中。

你也可以使用主区域顶部的工具栏 —— 它有每个面板类型的快速添加按钮，因此你可以打开所需内容而无需导航菜单。

将光标悬停在两个面板之间的分隔线上。光标变为调整大小手柄（双头箭头）。点击并拖动为你需要的面板提供更多空间。

提示： 要临时聚焦，按 Cmd+Shift+F（Mac）或 Ctrl+Shift+F（Windows）将活跃面板扩展到填充整个主区域。再次按相同的快捷键返回之前的布局。

点击面板标签上的 ×，或在面板聚焦时按 Cmd+W（Mac）/ Ctrl+W（Windows）。关闭面板不会终止其中运行的任何进程。终端在后台继续运行，可以随时从状态栏中的会话管理器重新连接。

点击左侧边栏中的任何图标切换项目。1DevTool 瞬间处理上下文切换：

你也可以按 Cmd+1 到 Cmd+9（Mac）或 Ctrl+1 到 Ctrl+9（Windows）直接跳转到侧边栏中位置的项目 —— 无需鼠标。

工具栏位于主区域顶部，让你快速访问最常见的操作：