Перайсці да асноўнага зместу
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 для асяроддзяў, дзе box-drawing сімвалы не адлюстроўваюцца. Усё працуе ў вашым браўзеры.

Тыповыя выкарыстанні

  • Дадаць дрэва папак у READMEСтварыць чыстае дрэва структуры праекта, каб дакументаваць ваш рэпазіторыум.
  • Дакументаваць структуру праектаСтварыць дрэва каталога для тэхнічныхдакаў і вікаў.
  • Зрабіць дрэва для каментара кодаСтварыць дыяграму структуры для ўбудаўвання ў каментарыкод крыніцы.
  • Паказаць дрэва файлаў у разгавореСтварыць чыстую дыяграму каталога для слайдаў і навучальныхметаў.
  • Пераўтварыць план у дрэваВізуалізаваць любы ўкладзены план — не толькі файлы — як дрэва.

Як гэта працуе

Дакументаванне структуры тэчак у README звычайна азначае ручное маляванне ліній ├── і └──. Гэты інструмент стварае іх з простага спісу з водступамі.

  1. 1
    Вы ўводзіце план з водступамі
    Адзін элемент на радок; для ўкладзенасці выкарыстоўвайце водступы з прабелаў або табуляцый. Глыбіня водступу вызначае іерархію.
  2. 2
    Ён разбіраецца ў дрэва
    Парсер на аснове стэка ператварае водступы ва ўкладзеную структуру, цалкам у вашым браўзеры.
  3. 3
    Малююцца злучальныя лініі дрэва
    Ствараюцца адпаведныя накіроўвальныя ├──, └── і │, з правільнымі вертыкальнымі лініямі праз укладзеныя галіны.
  4. 4
    Скапіюйце вынік
    Абярыце злучальныя лініі Unicode або звычайнага ASCII і скапіюйце дрэва ў README, дакументацыю ці каментарый да кода.

Простая тэкставая ўтыліта, якая працуе цалкам на вашай прыладзе — нічога не загружаецца.

Звязаныя інструменты

Часта задаюць пытанні