npm如何绘制依赖关系树？

npm在控制台中作为一个树绘制一个包的依赖关系层次结构是一件很棒的工作：

$ npm ls my-awesome-project@0.0.1 ├── colors@0.6.0-1 ├─┬ express@2.5.11 │ ├─┬ connect@1.9.2 │ │ └── formidable@1.0.11 │ ├── mime@1.2.4 │ ├── mkdirp@0.3.0 │ └── qs@0.4.2 └── uglify-js@1.2.6 

npm如何做到这一点？

Answer 1

npm使用Unicode 框绘制字符 （U + 2500-2800）绘制树的美丽的线。

为了在自己的应用程序中绘制一个类似的树，最好的路线可能是使用与npm本身使用的相同的模块 – archy 。

 var archy = require('archy'); var s = archy({ label : 'beep', nodes : [ 'ity', { label : 'boop', nodes : [ { label : 'o_O', nodes : [ { label : 'oh', nodes : [ 'hello', 'puny' ] }, 'human' ] }, 'party\ntime!' ] } ] }); console.log(s); 

输出

 beep ├── ity └─┬ boop ├─┬ o_O │ ├─┬ oh │ │ ├── hello │ │ └── puny │ └── human └── party time! 

Answer 2

为了列出你的文件夹和文件，你可以使用tree-cli：

https://www.npmjs.com/package/tree-cli

只需安装：

 npm install -g tree-cli 

并在您的文件夹中使用：

 tree -L 2, -d 

Answer 3

你也可以使用console2来完成和archy几乎相同的function，但是可以提供有用的附加function，例如改进的堆栈跟踪，对象检查等等。

function截图

^{充分披露： 我是存储库的作者}