Перейти до основного вмісту
LibraTool logoLibraTool

Генератор ASCII-дерева — безкоштовно

Перетворіть список із відступами на чисте дерево папок (├── └──) для README та документації. Виведення Unicode або звичайного ASCII. Повністю у вашому браузері.

Працює офлайн після завантаження
Параметри імпорту
За замовчуванням пропускаються node_modules, .git, результати збірки та кеші.

Відступайте пробілами або табуляцією для вкладення. Кожен глибший рівень стає дочірнім елементом. Додайте примітку після ' # ', ' // ', ' - ' або ' <- ', і вона буде вирівняна як коментар у результаті. Вставте список шляхів (git ls-files, find, dir /s /b), щоб вкласти їх у дерево; завершіть назву символом /, щоб позначити порожню папку. Імпорт або перетягування папки чи .zip зчитує лише назви файлів — ніколи не їхній вміст — і пропускає node_modules, .git та інші папки збірки (див. «Параметри імпорту»).

Дерево
Стиль коментаря
my-project
├── src
│   ├── components
│   │   ├── Button.tsx
│   │   └── Modal.tsx
│   ├── lib
│   │   └── utils.ts
│   └── index.ts  # entry point
├── public
│   └── favicon.ico
├── package.json
└── README.md

💡 Вставте структуру тек (або будь-який вкладений список) і отримайте чисте дерево для README, коментаря чи документації. Стиль ASCII для середовищ без підтримки псевдографіки. Все виконується у браузері.

Типові застосування

  • Додайте дерево папок до READMEГенеруйте чисте дерево структури проекту для документування вашого сховища.
  • Документуйте структуру проектуСтворіть дерево каталогів для технічної документації та wiki.
  • Створіть дерево для коментаря кодуГенеруйте діаграму структури для вбудовування в коментарі вихідного коду.
  • Показати дерево файлів у розмовіСтворіть чисту діаграму каталогу для слайдів і посібників.
  • Перетворіть контур на деревоВізуалізуйте будь-який вкладений контур — не лише файли — як дерево.

Як це працює

Щоб описати структуру папок у README, зазвичай доводиться малювати лінії ├── та └── вручну. Цей інструмент генерує їх із простого списку з відступами.

  1. 1
    Ви вводите список із відступами
    Один елемент на рядок; для вкладення робіть відступ пробілами або табуляцією. Глибина відступу визначає ієрархію.
  2. 2
    Список перетворюється на дерево
    Аналізатор на основі стеку перетворює відступ у вкладену структуру, повністю у вашому браузері.
  3. 3
    Коннектори дерева малюються
    Генеруються правильні лінії ├──, └── та │, а вертикальні лінії коректно продовжуються через вкладені гілки.
  4. 4
    Копіюйте результат
    Виберіть Unicode чи звичайні ASCII коннектори й копіюйте дерево у ваш README, документи чи коментар коду.

Проста текстова утиліта, яка працює повністю на вашому пристрої — нічого не завантажується.

Схожі інструменти

Часті запитання