npm如何绘制依赖关系树？

Question

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 box drawing characters（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

你也使用console2它做几乎同样的事情archy做，但给你喜欢改进的堆栈跟踪，对象检查和更实用的附加功能：

Feature screenshot

^{披露：我仓库}

Answer 3

对于名单的作者您的文件夹和文件，您可以使用树CLI：

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

只要安装：

npm install -g tree-cli 

并在您的文件夹内使用：

tree -L 2, -d