Как npm нарисовать дерево зависимостей?

npm делает отличную работу по созданию иерархии зависимостей пакета как дерева в консоли:

$ npm ls
[email protected]
├── [email protected]
├─┬ [email protected]
│ ├─┬ [email protected]
│ │ └── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ └── [email protected]
└── [email protected]

Как это делает npm?

Ответ 1

npm использует Unicode символы рисунка окна (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!

Ответ 2

Для списка ваших папок и файлов вы можете использовать tree-cli:

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

Просто установите:

npm install -g tree-cli

И используйте внутри своей папки:

tree -L 2, -d

Ответ 3

Вы также можете использовать console2, который делает почти то же самое, что и archy, но дает вам полезные дополнительные функции, такие как улучшенный трассировка стека, проверка объекта и многое другое:

Снимок функции

^{Полное раскрытие: Я являюсь автором репозитория}