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