WebStorm 2025.2 Help

菜单和工具栏

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

自定义菜单和工具栏

  1. Ctrl+Alt+S 打开设置,然后选择 外观与行为 | 菜单与工具栏

    菜单和工具栏设置
  2. 在可用菜单和工具栏列表中,展开要自定义的节点并选择所需项:

    • 单击 添加 ,即可在所选项下添加操作或分隔符。

    • 单击 编辑图标按钮添加或更改所选操作的图标

    • 单击 上移按钮下移按钮 ,以上移或下移所选项。 执行此操作后,可以更改菜单中操作的位置。

    • 单击 删除按钮 删除所选项。

    • 单击 恢复按钮 将所选操作或所有操作恢复为默认设置。

  3. 单击 确定(O) 保存更改。

为菜单项配置自定义图标

  1. Ctrl+Alt+S 打开设置,然后选择 外观与行为 | 菜单与工具栏

  2. 选择要更改或添加图标的菜单项,然后单击 编辑图标

  3. 从列表中选择一个图标,或单击 浏览 上传自定义图标。

    从列表中选择图标

    只能使用 PNG 或 SVG 文件作为图标。 WebStorm Community Edition 仓库 包含了大多数 IDE 中使用的图标。

自定义主工具栏

快速向工具栏添加操作

如果主工具栏中缺少某个操作,您可以从常用操作列表中添加它。

  • 右键单击工具栏,指向 将操作添加到主工具栏 ,然后从列表中选择要添加的操作。

    如果您要添加的操作不在常用操作列表中,请使用 Customize Main Toolbar 对话框。

    向主工具栏添加操作

所选操作将显示在工具栏中。 您可以使用 Customize Main Toolbar 对话框将其移除或更改其图标。

配置主工具栏操作

使用此选项可以访问所有可添加到主工具栏的操作。 它还允许您更改工具栏操作的图标,并从工具栏中移除操作。

  1. 右键单击工具栏,然后单击 自定义工具栏…

  2. 在可用工具栏部分列表中,展开您要自定义的节点,然后选择所需项目:

    • 单击 添加 以在所选项目下添加操作或分隔符。

    • 单击 删除按钮 以移除所选项目。

    • 单击 编辑图标按钮添加或更改所选操作的图标

    • 单击 上移按钮下移按钮 上移或下移所选项目。 这样可以更改操作在菜单中的位置。

    • 单击 恢复按钮 可将所选操作或所有操作恢复为默认设置。

  3. 单击 确定(O) 保存更改。

配置工具栏颜色

使用彩色标题简化多个打开项目之间的导航。 您可以为每个项目分配唯一颜色和 图标 ,以便在工作区中更轻松地识别它们。

默认情况下,IDE 会选择与项目 图标 颜色匹配的颜色,但您可以自行设置颜色。

  1. 右键单击工具栏,选择 更改项目颜色 ,然后从列表中选择一个预定义颜色。

    配置主工具栏颜色
  2. 如果您想使用其他颜色,请单击 自定义颜色 ,然后使用打开的颜色选择器选择色调。

    配置主工具栏颜色

要关闭此功能,请右键单击工具栏并禁用 显示项目渐变 选项。 您也可以在设置中禁用颜色:按 Ctrl+Alt+S ,选择 外观与行为 | 外观 ,然后禁用 在主工具栏中使用项目颜色

更改项目图标

  1. 右键单击工具栏,然后单击 设置自定义项目图标

  2. 在打开的对话框中,单击 选择 SVG 文件 ,然后指定要用作图标的 SVG 文件路径。

  3. 单击 确定(O) 保存更改。

隐藏工具栏

如果您希望在 IDE 窗口中减少视觉杂乱,您可以隐藏工具栏。

  • 在主菜单中,转到 视图 | 外观 并禁用 工具栏

    隐藏工具栏后,IDE 窗口标题将采用简约外观,不再显示任何 WebStorm 小部件或控件。

    带工具栏的 WebStorm 窗口
    隐藏工具栏的 WebStorm 窗口

主菜单是应用程序窗口的标准菜单栏,包含 文件编辑视图 等菜单。

默认情况下,主菜单在 Windows 和 Linux 上隐藏在汉堡图标 下。 您可以将 IDE 配置为将主菜单显示为一个单独的工具栏。

  • Ctrl+Alt+S 打开设置,然后选择 外观与行为 | 外观。 启用 Show main menu in a separate toolbar 选项。

  • 或者,在主菜单中转到 视图 | 外观 并启用 Show Main Menu in Separate Toolbar

显示和隐藏界面元素

如果您使用小显示器,可以隐藏一些不常用的界面元素。 这些元素在 用户界面 中描述。

  • 在主菜单中,转到 视图(V) | 外观(A) ,然后启用或禁用必要元素。

    “视图 | 外观”菜单
    • 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+`

例如,您可以创建一个未分配快捷键的操作列表,并通过一个快捷键后跟指定操作的编号来访问该列表。

创建快速列表

  1. Ctrl+Alt+S 打开设置,然后选择 外观与行为 | 快速列表

  2. 在左侧窗格中点击 添加按钮 或按 Alt+Insert 创建一个新的快速列表。

  3. 显示名称 字段中指定快速列表的名称。 (可选)填写快速列表的描述。

  4. 在右侧窗格中添加并排列快速列表中的操作:

    • 点击 添加按钮 向所选条目下添加操作或分隔符。

    • 点击 删除按钮 删除所选条目。

    • 点击 添加分隔符按钮 添加一条分隔线。

    • 点击 上移按钮下移按钮 上下移动所选条目。 通过此操作,您可以更改菜单中该操作的位置。

    创建快速列表
  5. 点击 确定(O) 保存更改。

为快速列表分配快捷键

  1. Ctrl+Alt+S 打开设置,然后选择 键位图

  2. 展开 快速列表 节点并选择您的快速列表。 添加一个键盘快捷键并保存更改。

    为快速列表添加快捷键

    如需了解更多信息,请参阅 配置键盘快捷键

  3. 点击 确定(O) 保存更改。

在编辑器中,通过相关快捷键访问快速列表。

从快速列表访问操作

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

“任意位置搜索”窗口
最后修改日期: 2025年 9月 26日