PhpStorm 2021.3 Help

PSI 查看器

工具 | 查看 PSI 结构

使用PSI 查看器,您可以探索源代码的内部结构,因为它是由 PhpStorm 解释的。

查看源代码的 PSI 结构

  1. 工具菜单中,选择查看 PSI 结构

  2. PSI 查看器对话框中,在文本区域中键入或粘贴要分析的源代码片段,选择文件类型,并指定其他选项。

    • Show PSI structure for列表中,选择要探索的文件类型或语言结构。可识别的文件类型集取决于支持的语言和安装的插件。

    • 选中Show PsiWhiteSpace复选框以显示PsiWhiteSpace与源代码中的空格对应的节点。

    • 文本窗格中,输入要探索的源代码。手动键入文本或从剪贴板粘贴。如果您从编辑器中复制了一些文本,然后打开 PSI 查看器,则会选择“文本”窗格的先前内容,这使您可以使用Ctrl+V、 或从剪贴板覆盖它Ctrl+Shift+V

      输入代码时,您可以通过按 删除插入符号处的行Ctrl+Y,使用 复制文本Ctrl+D,并使用 添加行Shift+Enter

  3. 单击Build PSI Tree生成 PSI 结构树视图并在PSI Structure窗格中预览生成的 PSI 树。

    如果修改了Text窗格中的源代码,请单击Build PSI Tree以刷新树视图。

    在树视图中导航会突出显示“文本”窗格中相应的源代码片段。如果当前选定的树节点有引用,它们也会显示在“引用”窗格中。

    References只读字段显示对 PSI Structure 树视图(如果有)的节点的引用。

    未解决的引用显示为红色;相应的源代码片段也用红框突出显示。

物品

描述

显示 PSI 结构

使用此列表来指定文件类型或要探索的语言结构。可识别的文件类型集取决于支持的语言和安装的插件。

显示 PsiWhiteSpace

如果选中此复选框,则生成的树视图将包含PsiWhiteSpace节点,对应于源代码中的空格。当您选择或清除此复选框时,PSI 结构的树视图会相应更改。

显示树节点

方言

此列表可用于支持方言的语言,例如 SQL、JavaScript 等。

文本

使用此窗格输入要探索的源代码。PhpStorm 建议以下方式提供代码:

  • 立即在文本区域内键入。

  • 从剪贴板粘贴文本。如果您从编辑器中复制了一些文本,然后打开 PSI 查看器,则会选择“文本”窗格的先前内容,这使您可以使用Ctrl+V、 或从剪贴板覆盖它Ctrl+Shift+V

请注意,还可以使用一些编辑功能:删除插入符号处的行Ctrl+Y、复制文本Ctrl+D以及添加带有Shift+Enter.

PSI 结构

此只读窗格显示 PSI 结构树视图,根据在Show PSI structure for列表中选择的文件类型,单击Build PSI Tree按钮生成。

在树视图中导航会突出显示“文本”窗格中相应的源代码片段。如果当前选定的树节点有引用,它们也会显示在“引用”窗格中。

参考

此只读字段显示对 PSI 结构树视图(如果有)的节点的引用。

未解决的引用显示为红色;相应的源代码片段也用红框突出显示。

构建 PSI 树

单击此按钮可根据Show PSI structure for列表中选择的文件类型,在Text窗格中生成代码的 PSI 结构树视图。

如果Text窗格中的源代码被修改,单击此按钮可刷新树形视图。

最后修改:2021 年 9 月 23 日