Làm thế nào để npm vẽ cây phụ thuộc?

Question

NPM làm một công việc tiện lợi của bản vẽ hệ thống cấp bậc sự phụ thuộc của gói như một cây trong giao diện điều khiển:

$ 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 

như thế nào NPM làm điều này?

Answer 1

npm sử dụng Unicode box drawing characters (U + 2500-2800) để vẽ các đường thẳng đẹp của cây.

Để vẽ một cây tương tự trong ứng dụng của riêng bạn, tuyến đường tốt nhất có thể sử dụng cùng một mô-đun mà chính npm sử dụng – 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); 

Đầu ra

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

Answer 2

Bạn cũng có thể sử dụng console2 mà không gần như điều tương tự như archy không, nhưng cung cấp cho bạn tính năng bổ sung hữu ích như cải thiện các dấu vết ngăn xếp, kiểm tra đối tượng và nhiều hơn nữa:

Feature screenshot

^{Họ và tiết lộ: Tôi là tác giả của kho}

Answer 3

Đối với danh sách các thư mục và các tập tin của bạn, bạn có thể sử dụng cây cli:

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

Chỉ cần cài đặt :

npm install -g tree-cli 

Và sử dụng bên trong thư mục của bạn:

tree -L 2, -d