本人现在用的webstorm版本是2017.3.3;最近发现一个很强大的功能:Diagrams.利用这个功能,可以快速的生成指定文件夹下面的结构关系图;帮助我们阅读代码;

具体操作如下:在Project面板中邮件点击任一文件夹或文件,在倒数第二个选项中依次点击Diagrams →show Diagram,如下图,然后就是等待状态;等待加载完成就可以看了

WebStorm教程--生成文件关系图

WebStorm教程--生成文件关系图

点击上面的每个框选中,等鼠标指针编程十字的时候,就可以拖动改变模块的位置了;

工具栏 菜单如下:WebStorm教程--生成文件关系图

从左到右依次为:切换视图,放大,缩小,恢复默认比例;适合当前窗口,使用当前布局,保存,导出(导出支持常见的图片格式);打印等


tips : 如果项目视图比较负责,图片显示比较密集,可以按住Alt键可以使用放大镜功能.

相关文章:

  • 2021-06-21
  • 2021-12-04
  • 2021-10-06
  • 2022-12-23
  • 2022-01-01
  • 2021-10-22
  • 2021-07-21
  • 2022-12-23
猜你喜欢
  • 2022-01-13
  • 2021-10-07
  • 2021-12-02
  • 2021-11-17
  • 2021-12-24
  • 2021-10-06
相关资源
相似解决方案