WebStorm 2025.2 Help

源代码导航

您可以通过不同操作和弹出窗口在编辑器中快速浏览代码。

  • 有关在编辑器和工具窗口之间导航,以及使用编辑器选项卡和导航栏的详情,请参阅 编辑器基础知识

  • 有关浏览最近的文件、位置和更改的详情,请参阅 最近的文件和更改

  • 有关如何定位所需文件的详情,请参阅 文件导航

  • 有关如何查看并导航文件结构的详情,请参阅 文件结构

使用光标导航

  • 要查看上一个光标位置,请从主菜单中选择 导航 | 返回 或按 Ctrl+Alt+Left。 要向前移动,请选择 导航 | 前进 或按 Ctrl+Alt+Right

  • 要快速移动到编辑器顶部,请按 Ctrl+Page Up。 要将光标移到底部,请按 Ctrl+Page Down

  • 要跳转到上次编辑的位置,请按 Ctrl+Shift+Backspace

  • 要查找编辑器中当前光标位置,请按 Ctrl+M 。 如果不想滚动浏览大型文件,该操作可能会很有帮助。

    或者,按 UpDown 方向键也可以达到相同效果。

  • 要突出显示正在定位的光标所在单词,请从主菜单中选择 编辑 | 查找 | 查找文本光标处的字。 如果您正在使用 Windows,也可以按 Ctrl+F3

  • 要在匹配的代码块括号之间移动光标,请按 Ctrl+Shift+M

  • 要在代码块之间导航,请按 Ctrl+[Ctrl+]

移动光标

您可以使用不同操作在代码之间移动光标。 您还可以配置光标在按单词或换行移动时应停止的位置。

  • 要将光标移动到下一个或上一个单词,请按 Ctrl+RightCtrl+Left

    默认情况下,WebStorm 会将光标移动到当前单词的末尾。 当您将光标移至上一个单词时,它将定位于当前单词的开头。

    您可以自定义这些操作的光标位置。 在 设置 对话框(Ctrl+Alt+S )中,转到 编辑器 | 常规。 在 光标移动 部分,使用 按单词移动时换行时 选项配置光标行为。

  • 要将光标向前移动到下一个段落或向后移动到上一个段落,请按 Ctrl+Shift+A 并搜索 将文本光标前移一段将文本光标后移一段 操作。

    您还可以先选择一段文本,然后将光标向前或向后移动至段落。 按 Ctrl+Shift+A 并搜索 在保持选区的情况下将文本光标前移一段在保持选区的情况下将文本光标后移一段 操作。

查找行或列

  1. 在编辑器中,按 Ctrl+G

  2. 跳转到行/列 对话框中,指定行号、列号或二者,用冒号分隔,然后点击 确定

    转到“行:列”对话框
  3. 如果您不希望在编辑器中显示行号,请在 设置 对话框(Ctrl+Alt+S )中,转到 编辑器 | 常规 | 外观 并取消选中 显示行号 复选框。

转到声明及其类型

您可以从符号的使用位置导航到该符号的首次声明及其类型。

  • 将插入符号置于所需符号位置,然后按 Ctrl+B

    转到声明

    或者,使用 Ctrl+Click :按住 Ctrl ,将鼠标悬停在符号上。 当符号变为超链接时,其声明将显示在工具提示中。 点击超链接(不释放按键)即可在编辑器中打开声明。

    按 Ctrl/Cmd+单击转到声明
  • 查看类型声明请按 Ctrl+Shift+B

    转到类型声明

    或者,按住 Ctrl+Shift ,将鼠标悬停在符号上。 当符号变为超链接时,其类型声明将显示在工具提示中。 点击超链接(不释放按键)即可在编辑器中打开该符号的类型声明。

    按 Cmd+单击转到类型声明

从声明跳转到用法

  1. 将插入符号置于符号声明处,然后按 Ctrl+B

  2. 如果该符号仅被使用一次,WebStorm 会跳转到该用法并高亮显示。

    如果找到了多个用法,WebStorm 会在弹出窗口中显示它们。 选择要导航的用法并按 Enter ,或直接在列表中点击。

    选择要跳转的用法

    如需在单独的 查找用法 工具窗口中查看用法,请点击工具栏上的 “在 Find 工具窗口中打开”图标

或者,点击 显示用法提示 来跳转至用法或从列表中选择相关项。

内联提示、Code Vision:跳转至用法

用法的内联提示默认是启用的。 如要禁用它们,打开 设置 对话框(Ctrl+Alt+S ),转到 编辑器 | 内嵌提示 ,展开 代码视觉 节点并取消选中 用法 复选框。

转到实现

您可以使用编辑器中的边距图标、按相应快捷键或点击 继承者 内联提示,追踪类的实现及被重写的方法。

  • 点击编辑器中任意一个 “已实现方法”图标/“实现方法”图标“被重写的方法”图标/“重写的方法”图标 边距图标,并从列表中选择一个父类或子类。

  • 如要跳转至父类方法,请按 Ctrl+U

  • 如要跳转至实现,请按 Ctrl+Alt+B

  • 使用显示在类或接口旁边的 继承者 提示,它显示其子类数量。 点击提示跳转至子类。 如果有多个实现,请从列表中选择相关项。

    内联提示、Code Vision:跳转至继承者

    继承者 内联提示默认是启用的。 如要关闭提示,请将鼠标悬停在提示上,并在上下文菜单中选择 隐藏“代码视觉:继承者”内嵌提示隐藏所有“代码视觉”内嵌提示

    在编辑器中隐藏继承者提示

    默认情况下, 继承者 提示显示在类和接口上方。 如要更改其位置,请在提示的上下文菜单中点击 配置

    继承者提示:配置位置

    在打开的 内嵌提示 页面中,从 位置 列表中选择适当的设置。 或者,选择 代码视觉 节点并更改 度量默认位置

    Code Vision:在设置对话框中配置位置
  • 如要跳转到代码中当前发现的问题的下一个或上一个位置,请分别按 F2Shift+F2。 或者,在主菜单中转到 导航 | 下一个/上一个高亮错误

    WebStorm 会将插入符号定位到代码问题之前。

  • 配置 WebStorm 在代码问题间的导航方式:它可以在所有问题间跳转,或跳过次要问题,仅在检测到的错误之间导航。 在滚动条区域右键点击代码分析标记,并从上下文菜单中选择一个导航模式:

    • 如要让 WebStorm 跳过警告、信息及其他次要问题,请选择 最高优先级问题

    • 如要让 WebStorm 在所有检测到的问题之间跳转,请选择 所有问题

浏览方法

  • Alt+DownAlt+Up

    对于 HTML 文件中的 JavaScript 代码,此行为取决于插入符号的位置。 如果插入符号位于 JavaScript 块中,可以在 JavaScript 函数之间跳转。 如果插入符号位于 <script> 标签上,则执行标签间导航。

  • 如要在代码中直观地区分方法,请在 设置 对话框(Ctrl+Alt+S )中,转到 编辑器 | 常规 | 外观 并选中 显示方法分隔符 选项。

    编辑器中的方法分隔符
  • 如要打开 结构 工具窗口,请按 Ctrl+7

最后修改日期: 2025年 9月 26日