WebStorm 2021.1 Help

源代码导航

您可以使用不同的操作和弹出窗口快速浏览编辑器中的代码。有关在编辑器和工具窗口之间导航的详细信息,请查看编辑器基础知识

使用插入符号导航

  • 要查看上一个插入符号位置,请选择Navigate | 从主菜单返回Ctrl+Alt+Left或按。要继续前进,请选择导航 | 前进或按Ctrl+Alt+Right

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

  • 要在编辑器中查找当前插入符号位置,请按Ctrl+M。如果您不想滚动浏览大文件,此操作可能会有所帮助。

    但是,您可以按UpDown箭头键来获得相同的结果。

  • 要突出显示您要查找的插入符号处的单词,请选择编辑 | 查找 | 主菜单中插入符号的下一个单词出现。

  • 要在匹配的代码块大括号之间移动插入符,请按Ctrl+Shift+M

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

移动插入符号

您可以使用不同的操作在代码中移动插入符号。您还可以配置插入符在被单词和换行符移动时应该停止的位置。

  • 要将插入符号移动到下一个词或上一个词,请按Ctrl+RightCtrl+Left

    默认情况下,WebStorm 将插入符号移动到当前单词的末尾。

    当您将插入符号移动到前一个单词时,插入符号将放置在当前单词的开头。您可以在使用这些操作时配置插入符号的位置。

    Settings/Preferences对话框 ( Ctrl+Alt+S) 中,转到Editor | 一般。在插入符号移动部分中,使用按单词移动时换行时选项来配置插入符号的行为。

  • 要将插入符号向前移动到下一个段落或向后移动到上一个段落,请按下Ctrl+Shift+A并搜索将插入符号向前移动一个段落将插入符号向后移动一个段落操作。

    您还可以选择文本,然后将插入符号向前或向后移动到段落。按下Ctrl+Shift+A并搜索“将插入符号向前移动一个带有选择的段落”或“将插入符号向后移动一个带有选择的段落”操作。

    如果需要,您可以为这些操作分配快捷方式。有关详细信息,请参阅配置键盘快捷键

查找最近的位置

您还可以使用“最近的位置”弹出窗口检查您最近查看或更改的代码。

  • 要打开“最近的位置”弹出窗口,请按Ctrl+Shift+E。该列表从顶部的最新访问位置开始,并包含代码片段。

    最近的位置弹出
  • 在弹出窗口中,使用相同的快捷方式或选中Show changed only复选框以仅查看代码已更改的位置。

    最近位置弹出窗口:仅显示更改
  • 要搜索代码片段,请在“最近的位置”弹出窗口中,开始输入您的搜索查询。您可以按代码文本、文件名或面包屑搜索。

    搜索最近的位置
  • 要从搜索结果中删除位置条目,请按DeleteBackspace

    请记住,删除的位置也会从您使用Ctrl+Alt+Left快捷方式访问的条目列表中删除。

使用书签进行导航

  • 要创建匿名书签,请将插入符号放在所需的代码行并按F11

  • 要使用助记符创建书签,请将插入符号放在所需的代码行,按下Ctrl+F11并选择助记符的数字或字母。

  • 要打开书签对话框,请按Shift+F11。您可以使用此对话框来管理书签,例如,删除、排序书签或为它们提供简要说明。

    书签对话框
  • 要导航到带有字母助记符的现有书签,请按Shift+F11,然后按您需要的字母。WebStorm 将您返回到编辑器和相应的书签。

  • 要导航到带有数字助记符的现有书签,请按Ctrl和书签的号码。

您可以在“其他”节点下的“键盘映射”页面Ctrl+Alt+S上的设置 ( )中检查如何在带有助记符的书签之间切换。

  • Ctrl+Alt+Shift+Down/ Ctrl+Alt+Shift+Up

  • 从主菜单中,选择导航 | 下一个/上一个更改

  • 单击更改标记,然后单击上一个更改按钮下一个更改按钮

  • Ctrl+Shift+Backspace或选择导航 | 主菜单中的上次编辑位置

您可以从其用法导航到符号和符号类型的初始声明。

转到声明及其类型

  • 将插入符号放在所需符号处,然后按Ctrl+B

    前往申报

    或者,使用Ctrl+ClickCtrl按住,将鼠标指针悬停在符号上。当符号变为超链接时,其声明将显示在工具提示中。在不释放键的情况下单击超链接以在编辑器中打开声明。

    使用 Ctrl/Cmd+Click 转到声明
  • 对于类型声明,请按Ctrl+Shift+B

    转到类型声明

    或者,Ctrl+Shift按住不放,将鼠标指针悬停在符号上。当符号变为超链接时,其类型声明将显示在工具提示中。在不释放按键的情况下单击超链接以在编辑器中打开符号的类型声明。

    使用 Cmd+Click 转到类型声明

从声明跳转到用法

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

  2. 如果该符号仅使用一次,WebStorm 将带您了解此用法并突出显示它。

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

    选择要跳转到的用途

    要在单独的Find Usages工具窗口中查看使用情况,请单击在查找工具窗口中打开图标工具栏上的 。

转到实施

您可以使用编辑器中的装订线图标或按相应的快捷方式来跟踪类实现和覆盖方法。

  • 单击位于编辑器中的已实施的方法图标/ 实施方法图标被覆盖的方法图标/装订线图标之一,然后从列表中选择所需的上层或下层类。覆盖方法图标

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

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

您可以在“项目”工具窗口中自动定位文件。

  1. 如果文件已在编辑器中打开,请按Alt+F1打开Select In弹出窗口。

    在弹出窗口中选择
  2. 在弹出窗口中,选择项目视图并按Enter。WebStorm 在项目工具窗口中定位您的目标。

在项目工具窗口中找到一个文件

您可以使用单击打开文件(以前称为Autoscroll to Source)和始终选择打开的文件(以前称为Autoscroll from Source)操作在项目工具窗口中找到您的文件。

  1. Project工具窗口中,右键单击Project工具栏,然后从上下文菜单中选择Always Select Opened File。之后,WebStorm 将跟踪当前在活动编辑器选项卡中打开的文件,并自动在项目工具窗口中找到它。

  2. 您还可以选择“单击打开文件”选项。在这种情况下,当您在Project视图中单击文件时,WebStorm 将自动在编辑器中打开它。

  • 要跳转到代码中下一个或上一个发现的问题,请分别按F2Shift+F2。或者,从主菜单中,选择导航 | 下一个/上一个突出显示的错误

    WebStorm 将插入符号放在代码问题之前。

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

    • 要让 WebStorm 跳过警告、信息和其他小问题,请选择Go to high priority questions only

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

使用结构视图弹出窗口定位代码元素

您可以使用结构视图弹出窗口来定位您正在处理的文件中的代码元素。

  1. 要打开结构视图弹出窗口,请按Ctrl+F12

  2. 在弹出窗口中,找到您需要的项目。您可以开始为 WebStorm 输入元素的名称以缩小搜索范围。按Enter返回编辑器和相应的元素。

    在弹出窗口中,您可以对文件成员进行排序并查看继承的成员。

    结构视图弹出窗口

或者,您可以使用结构工具窗口 Alt+7

在结构工具窗口中定位元素

浏览方法

  • Alt+DownAlt+Up

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

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

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

使用镜头模式

镜头模式让您无需实际滚动即可预览代码。默认情况下,当您将鼠标悬停在滚动条上时,该模式在编辑器中可用。当您将鼠标悬停在警告或错误消息上时,它特别有用。

镜头模式
  • 要禁用镜头模式,请右键单击位于编辑器右侧的代码分析标记,然后在上下文菜单中清除在滚动条悬停上显示代码镜头复选框。

  • 或者,在设置/首选项对话框 ( Ctrl+Alt+S) 中,转到编辑器 | 一般 | 出现并清除在滚动条悬停复选框上显示代码镜头。

使用面包屑导航

您可以使用显示当前打开文件中的类、变量、函数、方法和标签名称的面包屑导航源代码。默认情况下,面包屑已启用并显示在编辑器的底部。

编辑器面包屑
  • 要更改面包屑的位置,请右键单击面包屑,在上下文菜单中选择面包屑和位置首选项。

  • 要编辑面包屑设置,在设置/首选项对话框 ( Ctrl+Alt+S) 中,转到编辑器 | 一般 | 面包屑

使用导航栏作为一个方便的工具来找到整个项目的方式。

  1. 按下Alt+Home以激活导航栏。

  2. 使用箭头键或鼠标指针定位所需文件。

  3. 双击选定的文件,或按Enter在编辑器中打开它。

    使用 WebStorm 导航栏打开文件

查找一行或一列

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

  2. Go to Line/Column对话框中,指定行号或列号,或同时指定两者,用 : 分隔它们,然后单击OK

  3. 如果您不想在编辑器中看到行号,请在“设置/首选项”对话框 ( Ctrl+Alt+S) 中,转到Editor | 一般 | 显示并清除显示行号复选框。

查找文件路径

  1. 在编辑器中,按Ctrl+Alt+F12或 在上下文菜单中,选择Open in | 查找器

  2. 在“在 Finder 中显示”弹出窗口中,选择要在路径查找器中打开的文件或目录,然后按Enter

    文件路径查找器

查找最近的文件

您可以使用“最近的文件”弹出窗口搜索最近和最近编辑的文件。

  • 要打开包含最近文件列表的最近文件弹出窗口,请按Ctrl+E

  • 要仅查看最近编辑的文件,请Ctrl+E再次按下或选中仅显示更改的复选框。

  • 要在弹出窗口中搜索项目,请使用Speed Search功能。只需开始输入搜索查询,就会出现“搜索”字段。WebStorm 根据您的搜索查询显示结果,列表会随着您的键入而缩小。

搜索最近的文件
最后修改:2021 年 12 月 10 日