Генератор ASCII-деревьев — бесплатно
Превратите список с отступами в аккуратное дерево папок (├── └──) для README и документации. Вывод в Unicode или стандартном ASCII. Работает полностью в браузере.
Параметры импорта
Используйте пробелы или табуляцию для вложенности. Каждый уровень вглубь становится дочерним элементом. Добавьте заметку после ' # ', ' // ', ' - ' или ' <- ', и она будет выровнена как комментарий в результате. Вставьте список путей (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Создайте чистое дерево структуры проекта для документирования вашего репозитория.
- Документировать структуру проектаСоздайте дерево каталогов для технической документации и вики.
- Создать дерево для комментария кодаСоздайте диаграмму структуры для встраивания в комментарии исходного кода.
- Показать дерево файлов в выступленииСоздайте чистую диаграмму каталога для слайдов и учебников.
- Преобразовать контур в деревоВизуализируйте любой вложенный контур — не только файлы — как дерево.
Как это работает
Документирование структуры папок в README обычно означает рисование линий ├── и └── вручную. Этот инструмент генерирует их из простого списка с отступами.
- 1Вы вводите список с отступамиОдин элемент на строку; для вложенности делайте отступ пробелами или табуляцией. Глубина отступа определяет иерархию.
- 2Список разбирается в деревоАнализатор на основе стека превращает отступы во вложенную структуру, полностью в вашем браузере.
- 3Соединители дерева рисуютсяГенерируются правильные ├──, └── и │ ориентиры, с правильными вертикальными линиями, проведенными через вложенные ветви.
- 4Скопируйте результатВыберите Unicode или соединители простого ASCII и скопируйте дерево в ваш README, документацию или комментарий кода.
Простой текстовый инструмент, который работает полностью на вашем устройстве — ничего не загружается.
Похожие инструменты
Генератор ASCII баннеров
Превратите текст в большие ASCII-артовые баннеры в классических шрифтах FIGlet — скопируйте или загрузите как .txt.
Поиск дубликатов файлов и фото
Находите дубликаты файлов и похожие фото в папке: точные копии по содержимому, а также уменьшенные или пересохранённые версии одной и той же фотографии. Оставьте лучшую копию, остальные уберите в сторону. Работает в браузере; ничего не загружается на сервер.
Форматтер JSON
Форматируйте, проверяйте, минимизируйте и исследуйте данные JSON. Древовидное представление, подсветка синтаксиса и копирование одним щелчком мыши.