ng4 -- 自动生成项目组件树

image.png

结果大致就是这样了。可以明确的看出相互之间的依赖。这个组件树的生成要使用一个node工具。

来自github。
具体使用在github上就可以看到了。
首先全局安装ngd

$  npm install -g @compodoc/ngd-cli

然后就可以直接使用了。
如果你的项目是使用angular-cli生成的，那么根目录应该是有一个tsconfig.json文件的。在该目录下执行：

  $ ngd

好了。此时在src目录下有了一个documentation文件夹。打开文件夹下的html文件就可以看到组件树了。