菜单和工具栏
在使用 IDE 的过程中,您会比其他操作更频繁地执行某些操作。 为了最大限度提升工作效率, 学习默认快捷键 ,或者为喜爱的操作 分配快捷键。 您还可以自定义菜单和工具栏,使其只包含所需的操作,对其重新分组,并配置对应的图标。
自定义菜单和工具栏
按 Ctrl+Alt+S 打开设置,然后选择 。

在可用菜单和工具栏列表中,展开要自定义的节点并选择所需项:
单击 添加 ,即可在所选项下添加操作或分隔符。
单击
以 添加或更改所选操作的图标。
单击
或
,以上移或下移所选项。 执行此操作后,可以更改菜单中操作的位置。
单击
删除所选项。单击
将所选操作或所有操作恢复为默认设置。
单击 确定(O) 保存更改。
为菜单项配置自定义图标
按 Ctrl+Alt+S 打开设置,然后选择 。
选择要更改或添加图标的菜单项,然后单击
。
从列表中选择一个图标,或单击
上传自定义图标。

只能使用 PNG 或 SVG 文件作为图标。 WebStorm Community Edition 仓库 包含了大多数 IDE 中使用的图标。
自定义主工具栏
快速向工具栏添加操作
如果主工具栏中缺少某个操作,您可以从常用操作列表中添加它。
右键单击工具栏,指向 将操作添加到主工具栏 ,然后从列表中选择要添加的操作。
如果您要添加的操作不在常用操作列表中,请使用 Customize Main Toolbar 对话框。

所选操作将显示在工具栏中。 您可以使用 Customize Main Toolbar 对话框将其移除或更改其图标。
配置主工具栏操作
使用此选项可以访问所有可添加到主工具栏的操作。 它还允许您更改工具栏操作的图标,并从工具栏中移除操作。
右键单击工具栏,然后单击 自定义工具栏…。
在可用工具栏部分列表中,展开您要自定义的节点,然后选择所需项目:
单击 添加 以在所选项目下添加操作或分隔符。
单击
以移除所选项目。单击
以 添加或更改所选操作的图标。
单击
或
上移或下移所选项目。 这样可以更改操作在菜单中的位置。
单击
可将所选操作或所有操作恢复为默认设置。
单击 确定(O) 保存更改。
配置工具栏颜色
使用彩色标题简化多个打开项目之间的导航。 您可以为每个项目分配唯一颜色和 图标 ,以便在工作区中更轻松地识别它们。
默认情况下,IDE 会选择与项目 图标 颜色匹配的颜色,但您可以自行设置颜色。
右键单击工具栏,选择 更改项目颜色 ,然后从列表中选择一个预定义颜色。

如果您想使用其他颜色,请单击 自定义颜色 ,然后使用打开的颜色选择器选择色调。

要关闭此功能,请右键单击工具栏并禁用 显示项目渐变 选项。 您也可以在设置中禁用颜色:按 Ctrl+Alt+S ,选择 ,然后禁用 在主工具栏中使用项目颜色。
更改项目图标
右键单击工具栏,然后单击 设置自定义项目图标。
在打开的对话框中,单击 选择 SVG 文件 ,然后指定要用作图标的 SVG 文件路径。
单击 确定(O) 保存更改。
隐藏工具栏
如果您希望在 IDE 窗口中减少视觉杂乱,您可以隐藏工具栏。
在主菜单中,转到 并禁用 工具栏。
隐藏工具栏后,IDE 窗口标题将采用简约外观,不再显示任何 WebStorm 小部件或控件。


将主菜单显示为工具栏(Windows 和 Linux)
主菜单是应用程序窗口的标准菜单栏,包含 文件、 编辑、 视图 等菜单。
默认情况下,主菜单在 Windows 和 Linux 上隐藏在汉堡图标 下。 您可以将 IDE 配置为将主菜单显示为一个单独的工具栏。
按 Ctrl+Alt+S 打开设置,然后选择 。 启用 Show main menu in a separate toolbar 选项。
或者,在主菜单中转到 并启用 Show Main Menu in Separate Toolbar。
显示和隐藏界面元素
如果您使用小显示器,可以隐藏一些不常用的界面元素。 这些元素在 用户界面 中描述。
在主菜单中,转到 ,然后启用或禁用必要元素。

Show Main Menu in Separate Toolbar (仅限 Windows 和 Linux):此为应用程序窗口标准菜单栏,隐藏在汉堡图标下,包含 文件、 编辑、 视图 等菜单。 启用此选项可将主菜单显示为 单独的工具栏。
工具栏(T) :位于窗口标题中,是包含用于切换项目、处理 VCS 分支和运行配置的小部件的主工具栏。 工具栏是 可配置的 :您可以添加和删除小部件与按钮。
导航栏(V) :位于 状态栏 中,允许您使用 Alt+Home 来浏览项目目录和文件,可作为 项目 工具窗口的替代方式。 请参见 导航栏。
使用子菜单更改栏的位置,或启用字段和方法的显示。
工具窗口 :位于窗口边缘,这些栏包含用于显示、隐藏和排列工具窗口的按钮。 请参见 工具窗口栏与按钮。
状态栏(S) :位于窗口底部,显示事件消息,指示整体项目及 IDE 状态,并通过小部件快速访问某些设置。 请参见 状态栏。
状态栏微件(W) :位于状态栏右侧。 您也可以右键点击状态栏以显示或隐藏部件。
包含常用操作的快速列表
快速列表 是一个弹出窗口,包含一组自定义的 WebStorm 操作。 您可以将其视为自定义菜单或工具栏,您可以为其分配快捷键以便快速访问。 您可以根据需要创建任意数量的快速列表。 快速列表中的每个操作通过编号 0 到 9 进行标识。
有若干预定义的快速列表,但请注意它们不可配置:
重构此项 Ctrl+Alt+Shift+T
VCS 操作 Alt+`
例如,您可以创建一个未分配快捷键的操作列表,并通过一个快捷键后跟指定操作的编号来访问该列表。
创建快速列表
按 Ctrl+Alt+S 打开设置,然后选择 。
在左侧窗格中点击
或按 Alt+Insert 创建一个新的快速列表。
在 显示名称 字段中指定快速列表的名称。 (可选)填写快速列表的描述。
在右侧窗格中添加并排列快速列表中的操作:
点击
向所选条目下添加操作或分隔符。
点击
删除所选条目。
点击
添加一条分隔线。
点击
或
上下移动所选条目。 通过此操作,您可以更改菜单中该操作的位置。

点击 确定(O) 保存更改。
为快速列表分配快捷键
按 Ctrl+Alt+S 打开设置,然后选择 。
展开 快速列表 节点并选择您的快速列表。 添加一个键盘快捷键并保存更改。

如需了解更多信息,请参阅 配置键盘快捷键。
点击 确定(O) 保存更改。
在编辑器中,通过相关快捷键访问快速列表。

如果您不记得快捷键,可以通过名称搜索快速列表。 按两次 Shift 并输入快速列表的名称。

