WebStorm菜单与工具栏

菜单与工具栏

当使用WebStorm时，你会频繁地执行某些操作。为了最大限度地提高工作效率，学习你最常用的操作的默认快捷键或为它们分配快捷键。还可以自定义菜单和工具栏，使其仅包含所需的操作，重新排列它们，并配置它们的图标。
要快速访问常用的文件、目录、书签和断点，请使用Bookmarks书签工具窗口。

自定义菜单和工具栏

1. 按 Ctrl + Alt + S，打开设置对话框，选择“Appearance & Behavior | Menus and Toolbars”。
   
2. 在菜单和工具栏列表中，展开要自定义的节点并选择所需的项目：

• 点击 + ，在所选项目下添加操作或分隔符。
• 点击 - ，删除所选项目。
• 点击铅笔图标，添加或更改所选动作的图标。
• 点击向上或向下，修改命令在菜单中的位置。
• 点击撤销，将所选操作或所有操作还原为默认设置。
  

3. 点击 OK。

为菜单项配置自定义图标

1. 按 Ctrl + Alt + S，打开设置对话框，选择“Appearance & Behavior | Menus and Toolbars”。
2. 选择要更改或添加图标的菜单选项，然后单击铅笔图标。
3. 从列表中选择一个图标或单击上传按钮，使用自定义图标。
   
   只能使用PNG或SVG文件作为图标。WebStorm社区版存储库包含IDE中使用的大多数图标，详见评论。

自定义主工具栏

这些功能只适用于新UI。

快速向工具栏添加操作

• 右键单击工具栏，指向“Add to Main Toolbar”，然后从列表中选择要添加的操作。
  如果要添加的操作不在常用操作列表中，请使用“Customize Main Toolbar 自定义主工具栏”对话框。
  
  所选操作将显示在工具栏上。

配置主工具栏

使用此命令可以访问能添加到主工具栏的所有可用操作。它还允许更改工具栏操作的图标并从工具栏中删除操作。

1. 在工具栏上单击鼠标右键，然后单击“Customize Toolbar 自定义工具栏”。
2. 在可用工具栏部分列表中，展开要自定义的节点并选择所需的项目：
3. 点击 OK。

配置工具栏颜色

使用彩色标题栏区分多个打开文件。可以为每一项分配一个唯一的颜色和图标，在工作区中更容易区分它们。
默认情况下，WebStorm会选择与项目图标颜色匹配的颜色，但可以设置自己的颜色。

1. 右键单击工具栏，选择“Change Project Color 更改项目颜色”，然后从列表中选择一种预定义的颜色。
   
2. 如果要使用其他颜色，请单击“Custom Color 自定义颜色”，然后使用取色器。
   
   要关闭该功能，请右键单击工具栏并禁用“Show Project Gradient 显示渐变色”选项。还可以在设置对话框中禁用颜色：选择“Appearance & Behavior | Appearance”，禁用“Use project colors in main toolbar”选项。

更改项目图标

1. 在工具栏上单击鼠标右键，然后单击“Set Custom Project Icon 设置自定义项目图标”。
2. 在打开的对话框中，单击“Choose SVG file 选择SVG文件”，并指定要用作图标的SVG文件的路径。
3. 点击 OK。

隐藏工具栏

如果你想在窗口中减少视觉混乱，可以隐藏工具栏。
在主菜单中，选择“View | Appearance | Toolbar”。
工具栏显示，效果如下图：

工具栏隐藏，效果如下图：

将主菜单显示为工具栏（Windows和Linux）

主菜单是程序窗口的标准菜单栏，包含文件、编辑、查看和其他菜单。默认情况下，主菜单隐藏在汉堡包图标下。
在Windows和Linux上的新UI中，可以配置为将主菜单显示为单独的工具栏。

• 按 Ctrl + Alt + S，打开设置对话框，选择“Appearance & Behavior | New UI”。启用“Show main menu in a separate toolbar”选项。
• 或者，选择主菜单中的“View | Appearance | Show main menu in a separate toolbar”。
  主菜单隐藏效果，如下图：
  
  主菜单显示为工具栏效果，如下图：
  

显示和隐藏UI元素

如果你的屏幕比较小，可以隐藏一些从不使用的UI元素。

• 选择“View | Appearance”，启用或禁用必要的元素。
  新UI如下图：
  
  经典UI如下图：
  

快速列出常用操作

快速列表是一个弹出窗口，其中包含一组自定义的WebStorm操作，可以为这个弹出窗口分配快捷键。你可以根据需要创建任意数量的快速列表。快速列表中的每个操作都由0到9的数字标识。
WebStorm预定义了一些快速列表，这些列表内容不可配置：

• 重构 Ctrl + Alt + Shift + T
• 版本控制操作 Alt + `

创建快速列表

1. 按 Ctrl + Alt + S，打开设置对话框，选择“Appearance & Behavior | Quick Lists”。
2. 点击 + 按钮，添加快速列表。
3. 在 Display name 字段中，指定列表名称；在 Discription 字段中添加描述。
4. 在右侧窗格中，添加和排列操作。
   
5. 点击OK。

为快速列表指定快捷键

1. 按 Ctrl + Alt + S，打开设置对话框，选择“Keymap”。
2. 展开 Quick Lists 节点，选择要添加快捷键的列表，设置快捷键并保存。
   
3. 点击OK。
   在编辑器中，按下刚才设置的快捷键，会弹出对应的快速列表。
   
   如果忘记了快捷键，可以按名称搜索。按两次Shift键，然后输入快速列表的名称。