LETUNOFF DOCS

Other. Tree (вывод структуры каталогов)

🧱 Суть

Команда tree отображает структуру файлов и папок в виде дерева.

Используется для:

  • изучения структуры проекта;
  • документирования;
  • вставки дерева каталогов в README или документацию.

📦 Проблема

При большом количестве файлов сложно быстро понять структуру проекта.

Например:

src/
components/
Button.tsx
Input.tsx
pages/
Home.tsx
About.tsx
...

Такой список менее нагляден, чем древовидное представление.

✅ Решение

Использовать команду tree.

Результат выглядит примерно так:

src
├── components
│   ├── Button.tsx
│   └── Input.tsx
├── pages
│   ├── Home.tsx
│   └── About.tsx
└── utils

💻 Код

Windows (CMD)

Показать папки и файлы:

tree /F

Linux / macOS

Показать дерево каталогов:

tree

Ограничить глубину:

tree -L 2

Установка (если команда отсутствует):

Ubuntu / Debian:

sudo apt install tree

macOS (Homebrew):

brew install tree

Сохранение в файл

Можно сохранить дерево проекта в текстовый файл.

Windows:

tree /F > structure.txt

Linux / macOS:

tree -L 2 > structure.txt

Получится файл:

structure.txt

который можно отправить или добавить в документацию.

Расширения VS Code

Если нужно получить дерево прямо из редактора, можно использовать расширения:

  • vscode-file-tree-generator
  • Markdown Tree

Они позволяют быстро вставить структуру проекта в Markdown-документ.

🎯 Вывод

  • tree отображает структуру проекта в виде дерева
  • поддерживается на Windows, Linux и macOS
  • глубину вывода можно ограничить
  • результат можно сохранить в файл
  • удобно использовать для документации и обзора проекта

🔗 Связано