工具窗口
工具窗口可用于执行开发任务,如查看 项目 结构、运行和调试应用程序、集成版本控制系统与其他外部工具、代码分析、搜索、导航等。 默认情况下,工具窗口附加在主窗口的底部和两侧。 不过,您可以重新排列甚至分离它们,将其作为独立窗口使用,例如在另一台显示器上。

编辑器
项目 工具窗口 Alt+1
npm 工具窗口
运行 工具窗口
某些工具窗口始终可用(例如, 项目、 Structure 或 Terminal ),某些工具窗口在启用特定插件或项目为特定结构时可用(例如, TypeScript、 Grunt、 npm 或 Spy-js ),还有一些仅在执行特定操作时出现(例如, Debug 或 Find)。
打开工具窗口
要显示或隐藏工具窗口,请执行以下任一操作:
隐藏活动工具窗口
按 Shift+Escape 键,或从主菜单中选择 。
若要显示已隐藏的工具窗口,请使用为其分配的快捷键(前往 查看所有工具窗口及其快捷键的完整列表)。
右键点击工具栏中的工具窗口图标并选择 隐藏。
点击工具窗口标题中的 隐藏 按钮(
)。
若要聚焦编辑器,您可以隐藏所有工具窗口,并在需要时快速还原之前打开的所有窗口。
隐藏或还原所有工具窗口
按 Ctrl+Shift+F12。
双击要最大化的 编辑器标签页。 此操作仅在 通过双击编辑器标签页执行“隐藏所有工具窗口”/“还原窗口” 已在 高级设置 设置页面中启用时有效  Ctrl+Alt+S。
从主菜单中选择 。
在编辑器和工具窗口之间切换
工具窗口栏与按钮
主窗口两侧的栏包含工具窗口的图标。 点击图标即可显示或隐藏工具窗口。 右键点击图标可打开上下文菜单,在其中可以隐藏或移动工具窗口。 您也可以拖动工具窗口图标以重新排列工具窗口。

显示或隐藏工具窗口栏
在主菜单中前往 ,然后勾选或取消勾选 工具窗口栏。
显示或隐藏工具窗口名称
右键点击工具窗口栏,并勾选或取消勾选 显示工具窗口名称。


工具窗口组件
通常,工具窗口包含标题和内容区域。

部分工具窗口还包含用于执行各种操作的工具栏。

工具窗口的标题栏包含用于更改查看模式和工具窗口位置的选项菜单 ,以及一系列相关设置或操作。 您还可以右键点击标题栏来访问这些选项。
一个工具窗口可能包含多个不同的视图。 要在不同视图之间切换,此类窗口的标题栏中提供了标签页或下拉选择器。
右键点击标题栏并选择 标签页分组 即可显示下拉菜单。 要显示标签页,请禁用此选项。

要依次切换工具窗口标签页,请按下 Alt+Right 和 Alt+Left。
您可以单击 来隐藏工具窗口,并使用可能位于标题栏上的其他按钮。 例如,单击
和
展开和折叠工具窗口的内容,或单击
在工具窗口中定位并选中编辑器中的文件。
默认情况下,仅当您将鼠标悬停在工具窗口上或工具窗口处于聚焦状态时,工具窗口标题中的图标才会显示。 要始终显示工具窗口标题图标,请转到 高级设置 设置页  Ctrl+Alt+S ,然后选择 始终显示工具窗口标题图标。
工具窗口工具栏中的操作通常也可在主菜单和上下文菜单中使用。 其中一些操作也可以使用默认快捷键执行。 您可以按照 配置键盘快捷键 中的说明为操作分配快捷键。
对于显示树状结构的所有工具窗口(例如, 项目 工具窗口 Alt+1 ),您可以显示垂直线,用于标记树视图中的缩进层级,并帮助您更好地理解 项目 中组件的层级结构。 要显示这些线条,请在 外观与行为 | 外观 设置页中启用 显示缩进参考线   Ctrl+Alt+S。
您可以使用以下快捷键来管理 WebStorm 的工具窗口:
隐藏活动工具窗口 | Shift+Escape |
隐藏所有工具窗口 | Ctrl+Shift+F12 |
跳转到上一个工具窗口 | F12 |
Ctrl+Alt+Shift+Left | |
Ctrl+Alt+Shift+Right | |
Ctrl+Alt+Shift+Up | |
Ctrl+Alt+Shift+Down | |
Alt+1 | |
Alt+2 | |
Alt+3 | |
Alt+4 | |
Alt+5 | |
Alt+6 | |
Alt+7 | |
Alt+8 | |
Alt+9 | |
Alt+0 | |
显示终端窗口 | Alt+F12 |
Ctrl+Alt+3 |