In che modo npm disegna l'albero delle dipendenze?

Question

npm fa un lavoro ingegnoso di disegno gerarchia delle dipendenze di un pacchetto come un albero nella console:

$ 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 

Come si fa npm fare questo?

Answer 1

NPM utilizza Unicode box drawing characters (U + 2500-2800) per disegnare le belle linee del albero.

Per disegnare un albero simile nella propria applicazione, il percorso migliore è probabilmente quello di utilizzare lo stesso modulo utilizzato da 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); 

uscite

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

Answer 2

Si potrebbe anche usare console2 che fa quasi la stessa cosa di archy fa, ma ti dà utili funzionalità aggiuntive come migliorate tracce di stack, l'ispezione di oggetti e molto altro ancora:

Feature screenshot

^{Full disclosure: Sono l'autore del repository}

Answer 3

Per l'elenco le cartelle ei file che è possibile utilizzare albero-cli:

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

Basta installare :

npm install -g tree-cli 

E utilizzare all'interno della cartella:

tree -L 2, -d