If you want to explore the internal structure of source code as it is interpreted by WebStorm, use the PSI viewer.
PSI viewer command is only available when there is at least one plugin module in project.
If you want this information to be available for any project, add the following line to the file bin/idea.properties under the product installation:
- On the main menu, choose .
- In the PSI Viewer dialog box, type or paste the fragment of source code to be analyzed in the Text area, select file type, and specify the other options.
- Click Build PSI Tree, and preview the generated PSI tree in the PSI Structure pane.
If the source code in the Text area has been changed, click the same button to refresh preview.