PSI 查看器

从 帮助 菜单中选择 编辑自定义属性 ，或者在欢迎屏幕上点击 配置 ，然后选择 编辑自定义属性。

WebStorm 会在配置目录中创建一个空的 idea.properties 文件，并在新编辑器标签页中打开该文件。 详细信息请参见 配置平台属性。

在 idea.properties 文件中键入 idea.is.internal=true。

重新启动 WebStorm。

在 工具 菜单中选择 查看 PSI 结构。

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

• 在 显示 PSI 结构对象 列表中选择要探索的文件类型或语言结构。 可识别的文件类型集合取决于支持的语言和已安装的插件。

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

• 在 文本 面板中输入要探索的源代码。 手动输入文本或从剪贴板粘贴。 如果您从编辑器中复制了某些文本，然后打开 PSI 查看器，则 文本 面板中先前的内容将被选中，您可以使用 Ctrl+V 或 Ctrl+Shift+V 从剪贴板覆盖内容。

  在输入代码时，您可以按 Ctrl+Y 删除光标所在行，使用 Ctrl+D 复制文本，并使用 Shift+Enter 添加新行。

点击 构建 PSI 树 生成 PSI 结构树视图，并在 PSI 结构 面板中预览生成的 PSI 树。

如果 文本 面板中的源代码被修改，请点击 构建 PSI 树 以刷新树视图。

在树视图中导航时，会高亮显示 文本 面板中相应的源代码片段。 如果当前选中的树节点有引用，它们也会显示在 引用 面板中。

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

无法解析的引用将以红色显示；相应源代码片段也会用红色边框高亮显示。