W jaki sposób npm narysuje drzewo zależności?

Question

npm robi fajną robotę rysunek zależność hierarchii z pakietów w drzewie konsoli:

$ 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 

Jak npm to zrobić?

Answer 1

npm używa Unicode box drawing characters (U + 2500-2800) do rysowania ładnych linii drzewa.

Aby narysować podobne drzewo we własnej aplikacji, najlepszą trasą jest prawdopodobnie użycie tego samego modułu, którego npm używa – 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); 

Wyjścia

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

Answer 2

Można też użyć console2 który robi prawie to samo, co archy robi, ale daje przydatnych dodatkowych funkcji, takich jak ulepszone ślady stosu, inspekcji obiektu i nie tylko:

Feature screenshot

^{Pełne ujawnienie: Jestem autorem repozytorium}

Answer 3

Na liście folderów i plików można użyć drzewo-cli:

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

Wystarczy zainstalować :

npm install -g tree-cli 

Użyj wewnątrz swojego folderu:

tree -L 2, -d