编辑器基础知识

最大化编辑器面板

• 在编辑器中按 Ctrl+Shift+F12。 WebStorm 将隐藏所有窗口，仅保留活动编辑器。

  您也可以最大化拆分屏幕。 在此情况下，活动屏幕将被最大化，其他屏幕将被移到一边。

将焦点从窗口切换到编辑器

• 按 Escape。 WebStorm 会将焦点从任意窗口切换到活动编辑器。

从命令行终端返回编辑器

• 按 Alt+F12。 WebStorm 将关闭终端窗口。

• 如果在切换回活动编辑器时需要保持终端窗口打开，请按 Ctrl+Tab。

跳转到上一个活动窗口

• 按 F12。

使用切换器进行导航

1. 要使用切换器在打开的文件和工具窗口之间跳转，请按 Ctrl+Tab。

2. 按住 Ctrl 可保持切换器弹窗打开。

3. 按 Tab 在元素之间移动。 按下 Backspace 可将所选文件从列表中移除并在编辑器中关闭。

更改 IDE 外观

您可以在方案、键位映射以及视图模式之间切换。

1. 按下 Ctrl+`。

2. 在 切换 菜单中，选择所需选项并按下 Enter。 使用相同的快捷键 Ctrl+` 撤消您的更改。

您可以在 设置｜Editor｜ 配色方案 中调整配色方案设置，其中包括为视力障碍用户设计的 高对比度 配色方案。 要调整键位映射设置，请转到 设置｜Keymap。

跳转到导航栏

• 按下 Alt+Home。

使用镜头模式

透视模式可让您无需滚动即可预览代码。 当鼠标悬停在编辑器滚动条上时，透视模式默认可用。 预览显示代码高亮，包括警告和错误，在处理大型文件时非常有帮助。

• 要禁用透视模式，请右键点击编辑器滚动条，并取消选中上下文菜单中的 悬停在滚动条上时显示代码透镜 复选框。

• 或者，在 设置 对话框（Ctrl+Alt+S ）中，转到 Editor｜General｜外观 ，然后取消选中 悬停在滚动条上时显示代码透镜 复选框。

打开或关闭选项卡

• 要关闭所有已打开的选项卡，请在主菜单中选择 窗口｜ 编辑器标签页｜关闭所有标签页。

• 要关闭所有非活动选项卡，请按 Alt 并单击活动选项卡上的 。 在此情况下，只有活动选项卡保持打开状态。

• 要仅关闭活动选项卡及 固定选项卡 以外的所有选项卡，请右键点击任意选项卡并选择 关闭其他标签页。

• 要仅关闭活动选项卡，请按 Ctrl+F4。 您还可以单击鼠标中键关闭任意选项卡。

• 要重新打开已关闭的选项卡，请右键点击任意选项卡并在上下文菜单中选择 Reopen Closed Tab。

• 要打开一个新选项卡并将其放置在所有已打开选项卡的右侧，请在 选项卡设置 中选择 在结尾打开新标签页。

复制路径或文件名

1. 右键点击该选项卡。

2. 在打开的列表中，选择 复制路径/引用…。

3. 在打开的列表中，选择您的 复制选项。

   

   WebStorm 会将项目复制到剪贴板，之后即可通过 Ctrl+V 将其粘贴到所需位置。

移动、移除或排序选项卡

• 要移动或移除选项卡上的 图标，请在 设置 对话框（Ctrl+Alt+S ）中，转到 Editor｜General｜Editor Tabs ，并在 关闭按钮位置 字段中选择相应的选项。

• 要将编辑器选项卡放置在编辑器框架的其他位置或隐藏选项卡，请右键点击某个选项卡并选择 配置编辑器标签页… 以打开 编辑器标签页 设置。 在 外观 部分，从 标签页位置 列表中选择相应的选项。

• 要查看隐藏的编辑器选项卡，请单击编辑器中最后一个可见选项卡旁边的 。

• 要按字母顺序对编辑器选项卡进行排序，请右键点击某个选项卡并选择 配置编辑器标签页… 以打开 编辑器标签页 设置。 在 选项卡顺序 部分，选择 按字母顺序对标签页排序。

固定或取消固定选项卡

您可以固定一个活动编辑器选项卡，以便在达到选项卡上限或使用 关闭其他标签页 命令时，该选项卡依然保持打开状态。

• 要固定或取消固定活动选项卡，请右键点击它并从上下文菜单中选择 固定标签页 或 取消固定标签页。

• 要关闭除固定选项卡以外的所有选项卡，请右键点击任意选项卡并选择 关闭所有未固定的。

• 要为 固定标签页 操作分配快捷键，在 设置 对话框（Ctrl+Alt+S ）中，转到 Keymap ，找到 固定活动标签页 操作，右键点击该操作，选择 添加键盘快捷键 ，然后按下要使用的组合键。

• 要将固定的标签页保留在左侧，请在 设置 对话框（Ctrl+Alt+S ）中，转到 高级设置 ，找到 Editor Tabs 部分，并选择 将固定标签页保持在左侧 选项。

分离选项卡

当您分离标签页时，该标签页将在一个单独的窗口中打开，并且该窗口将专用于该分离的标签页。

如果您尝试从主框架中再次分离标签页，它将会在已有分离标签页的窗口中打开。 您可以将新分离的标签页放置在任意位置（左侧、右侧、底部或顶部）。 您也可以将不同的工具窗口拖动到该框架中。

• 将所需的标签页拖出主窗口。 如需重新附加该标签页，请将其拖回主窗口上方。

• 要分离活动标签页，请按 Shift+F4。

• 您也可以使用 Alt+mouse 执行相同操作。

在选项卡之间切换

• 要在标签页之间切换，请按 Alt+Right 或 Alt+Left。

  

• 您也可以在最近查看的标签页或文件之间进行切换。

  在编辑器中，按下 Ctrl+Tab 并持续按住 Ctrl 以保持 切换器 窗口处于打开状态。 使用 Tab 选择所需的标签页或文件。

为已打开的选项卡分配快捷键

1. 在 设置 对话框（Ctrl+Alt+S ）中，转到 Keymap。

2. 在目录列表中，点击 其他 并选择您想要为其添加快捷方式的目录。 最多只能为 9 个标签页分配快捷方式。

   

更改默认选项卡限制

WebStorm 会限制您在编辑器中同时打开的标签页数量（默认限制为 10 个）。

1. 在 设置 对话框（Ctrl+Alt+S ）中，转到 Editor｜General｜ 编辑器标签页。

2. 在 关闭策略 部分，根据您的偏好调整设置，并点击 确定。

在预览选项卡中打开文件

预览标签页允许您在不为每个文件打开新标签页的情况下，逐个文件查看内容。 这在您需要查看多个文件且不希望超过标签页数量限制时非常有用。

1. 在 项目 工具窗口 Alt+1 中，点击 并选择 启用预览标签页。

   您也可以在 设置｜ 常规｜ 编辑器标签页｜ 打开策略 中启用预览标签页。

2. 在 项目 工具窗口 Alt+1 中，选择尚未在其他标签页中打开的文件。

   文件名称使用斜体显示，以指示其处于预览模式。 您选择的其他文件将会替换预览标签页中的前一个文件。

   开始编辑文件或双击该文件的标签页可退出预览模式，并将其转换为常规标签页。

   

   请注意，启用预览标签页时，将忽略 一键打开文件 选项。 双击文件可在常规标签页中打开该文件。

或者，可以在弹出窗口中预览文件，而无需打开单独的标签页。 在 Project 工具窗口中选择所需文件，并按下 Space。 有关更多信息，请参阅 从项目工具窗口预览文件。

显示多个选项卡

当打开的标签页数量超出屏幕可显示范围时，您可以将其排列为一行或多行。

1. 按 Ctrl+Alt+S 打开设置，然后选择 Editor｜General｜Editor Tabs。

2. 在 在以下位置显示标签页 部分中，选择以下选项之一：

   • 单行显示，若标签页不适配 ：将所有标签页放置在一行中，如果无法全部显示：

     • 滚动标签页面板 ：将鼠标悬停在标签页行上，使用出现的滚动条或鼠标滚轮滚动标签页。 或者，使用右侧的下拉列表（ ）打开超出可见区域的标签页。

     • 压缩标签页 ：缩小标签页以适应屏幕显示。

   • 多行显示 ：将标签页分布在多行中。

   

   

   

更改选项卡中的字体大小

1. 在 设置 对话框（Ctrl+Alt+S ）中，转到 外观与行为｜外观。

2. 在 大小 字段中指定字号，然后点击 确定 保存更改。

   请注意，字号更改不仅影响标签页，还会影响工具窗口。

使用导航栏进行导航

• 点击编辑器中的导航栏，即可导航至所需的代码元素。

• 要更改导航栏的位置，请右键点击编辑器中的导航栏，转到 外观｜ 路径导航 并选择顶部或底部作为新位置。

  

• 要编辑导航栏的设置，启用或禁用其他语言的导航栏或更改其外观，请按 Ctrl+Alt+S 打开设置，然后选择 编辑器｜ 常规｜ 路径导航。

  取消选中 显示路径导航 选项即可在编辑器中隐藏导航栏。

• 在编辑器中，右键点击所需标签页，并选择您希望分屏显示和移动选中文件的方式： 向右拆分、 向右拆分并移动、 向下拆分、 向下拆分并移动。

  WebStorm 会创建一个分屏视图，并根据您的选择放置该文件。

  

• 或者，也可以在主菜单中选择类似的 Window｜Editor Tabs 选项。

  您也可以为这些操作分配快捷键。 转到 Settings｜Keymap ，找到以下操作之一： 向右拆分、 向右拆分并移动、 向下拆分、 向下拆分并移动。 右键点击该操作，选择 添加键盘快捷键 ，然后按下您要使用的组合键。 有关更多信息，请参阅 配置键盘快捷键。

• 您可以垂直或水平拖动选项卡以拆分编辑器，也可以将其拖回以取消拆分。

  

• 您可以在右侧拆分区域中打开文件。

  在 Project 工具窗口中，右键点击该文件并在上下文菜单中选择 在右侧拆分部分打开 （或按 Shift+Enter）。 WebStorm 会在编辑器右侧的拆分区域中打开该文件。

  

  如果存在两个拆分区域并且焦点位于左侧拆分区域，该文件将会在现有的右侧拆分区域中打开。 如果焦点位于右侧拆分区域，则该文件将会在再右侧的拆分区域中打开。

• 您可以在不同的拆分屏幕之间移动文件。 在编辑器中右键点击所需的文件选项卡，并从上下文菜单中选择 移动到对侧组 或 在对侧组中打开。

• 您可以一次性关闭所有已打开的工具窗口，从而扩大拆分屏幕的显示区域。 将光标置于编辑器选项卡上并按 Ctrl+Shift+F12 或双击该选项卡。 WebStorm 将隐藏所有已打开的工具窗口，从而让所有空间被拆分屏幕共享。

  

• 您可以使用 均分嵌套拆分区域 选项来多次均等拆分编辑器。

• 要取消拆分屏幕，请在上下文菜单中选择 取消拆分 或 取消全部拆分 ，以取消所有拆分的编辑器区域。

移动拆分屏幕

1. 将光标置于所需的拆分区域内。

2. 在主菜单中，转到 Window｜ 编辑器标签页。

3. 在打开的选项列表中，选择以下选项之一：

   • 将编辑器拉伸至顶部

   • 将编辑器拉伸至左侧

   • 将编辑器拉伸至底部

   • 将编辑器拉伸至右侧

   您可以为每个选项 分配一个快捷键 并使用键盘来拉伸拆分区域。

   要在拆分区域之间切换，请转到 Window｜ 编辑器标签页。 在打开的选项列表中，依次选择 转到下一个分隔符 ⌥ ⇥ 或 转到上一个拆分器 ⌥ ⇧ ⇥。

配置字体和连字

1. 在 设置 对话框（Ctrl+Alt+S ）中，转到 Editor｜Font。

2. 从列表中选择所需的字体，指定其 大小 和 行高。 您还可以启用连字并配置排版设置。

3. 单击 确定 以保存更改。

从编辑器更改字体大小

1. 在 设置 对话框（Ctrl+Alt+S ）中，转到 Editor｜General （鼠标控制 部分）。

2. 选择 使用Ctrl + 鼠标滚轮更改字号 选项。

3. 返回编辑器，按住 Ctrl ，并使用鼠标滚轮调整字体大小。

增大或减小所有选项卡中的字体大小

• 在编辑器中，按 Alt+Shift+. 可全局增大字体大小，按 Alt+Shift+Comma 可减小字体大小。

  WebStorm 会在编辑器底部显示一个缩放指示器，显示当前字体大小和默认字体大小，您可以将其恢复为默认值。

• 缩放指示器默认启用。 要禁用该指示器，请打开 设置 对话框（Ctrl+Alt+S ），转到 高级设置 ，并在 Editor 部分取消选中 显示缩放指示器 选项。

配置代码格式

1. 在 设置 对话框（Ctrl+Alt+S ）中，转到 Editor｜Code Style。

2. 从语言列表中选择合适的语言，并配置制表符与缩进、空格、换行与大括号、硬边距与软边距等设置。

为不同语言和框架配置配色方案设置

1. 在 设置 对话框（Ctrl+Alt+S ）中，转到 Editor｜ 配色方案。

2. 打开 配色方案 节点并选择所需语言或框架。 您还可以选择 通用 选项，以配置通用项的配色方案设置，例如代码、编辑器、错误与警告、弹出窗口与提示、搜索结果等。

配置代码补全选项

• 在 设置 对话框（Ctrl+Alt+S ）中，转到 Editor｜General｜代码补全。 在此，您可以配置区分大小写的补全、自动显示选项、代码排序等设置。

配置插入位置

• 在 设置 对话框（Ctrl+Alt+S ）中，转到 Editor｜General。 在 虚拟空间 部分，配置插入符位置选项。

  选择 允许将插入符号置于行尾 选项，在下一行将插入符放置在与上一行结尾相同的位置。 如果取消该选项，下一行的插入符将置于实际行尾。

  选择 允许将插入符号置于标签页内 选项，可帮助您在文件中上下移动插入符，同时保持其位置不变。

配置保存时行尾空格的行为

• 在 设置 对话框（Ctrl+Alt+S ）中，转到 Editor｜General。 在 其他 部分，配置有关行尾空格的选项。

  例如，当您手动或自动保存代码，并希望保留插入符所在行的行尾空格，而不考虑在 保存时删除行尾空格 列表中选择的选项时，请选择 始终保留插入符号所在行的行尾空格 选项。

配置编辑器外观选项

• 在 设置 对话框（Ctrl+Alt+S ）中，转到 Editor｜General｜外观。

  例如，您可以配置 IDE 显示强制换行参考线或参数提示。

管理长行外观

1. 在 设置 对话框（Ctrl+Alt+S ）中，转到 Editor｜General。

2. 在 自动换行 部分中，指定相应的选项。

配置智能键

您可以根据所使用的语言配置基本编辑器操作的行为。

• 在 设置 对话框（Ctrl+Alt+S ）中，转到 Editor｜General｜智能键。