WebStorm 2025.3 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 ,或者直接在列表中点击它。

    选择要跳转的用法

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

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

内嵌提示,代码视图:跳转到用法

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

转到实现

您可以使用编辑器中的装订线图标,或按下适当的快捷键,或点击 继承者 内嵌提示来跟踪类实现和重写方法。

  • 点击编辑器中位于 已实现的方法图标/实现方法图标重写方法图标/覆盖方法图标 的边距图标之一,并从列表中选择一个父类或子类。

  • 要导航到超级方法,请按 Ctrl+U

  • 若要导航到实现,请按 Ctrl+Alt+B

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

    内嵌提示,代码视图:跳转到继承者

    继承者 内嵌提示默认是启用的。 要将其关闭,请将鼠标悬停在提示上,然后从上下文菜单中选择 隐藏“Code Vision: Inheritors”内嵌提示隐藏所有“Code Vision”内嵌提示

    在编辑器中隐藏 Inheritors 提示

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

    继承者提示:配置位置

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

    代码视图:在设置对话框中配置位置
  • 若要跳转到代码中找到的下一个或上一个问题,请按 F2Shift+F2。 或者,在主菜单中转到 导航 | 下一个/上一个高亮显示的错误

    WebStorm 会将文本光标放置在代码问题的前面。

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

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

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

浏览方法

  • Alt+DownAlt+Up

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

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

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

从引用跳转到数据库工具窗口中的对象

  • 要跳转到列、表或任何其他对象的定义,请在代码中选择对象名称并按 Alt+Shift+B

打开对象的 DDL 定义

在 WebStorm 中,您可以直接在编辑器中 编辑数据库对象的源代码。 可以从编辑器或 数据库 工具窗口打开源代码。

  • 在编辑器中,点击对象并选择 转到 | 声明或用例(D)。 或者按 Ctrl+B

  • 数据库 工具窗口中,执行以下任一操作:

    1. 请点击工具栏上的 DDL 按钮。

    2. 点击对象并选择 导航 | 转到DDL

    3. 按下 Ctrl+B

使用切换器在文件之间切换

  • 使用切换器,您可以在已打开的文件、 查询文件s 以及工具窗口之间切换。

    要打开 切换器 窗口,请按 Ctrl+Tab。 不要释放 Ctrl 键。 使用箭头键在 切换器 窗口中移动。 当您释放 Ctrl 键时,选定的项目将变为活动状态,切换器关闭。

    切换器
最后修改日期: 2025年 12月 8日