Przejdź do głównej treści
LibraTool logoLibraTool

Generator drzewa ASCII za darmo

Zamień listę z wcięciami w czyste drzewo folderów (├── └──) do plików README i dokumentacji. Wyjście Unicode lub zwykłe ASCII. Działa całkowicie w Twojej przeglądarce.

Działa offline po wczytaniu
Opcje importu
Domyślnie pomijane są node_modules, .git, wyniki kompilacji i pamięci podręczne.

Używaj spacji lub tabulatorów do zagnieżdżania elementów. Każdy głębszy poziom wcięcia staje się elementem podrzędnym. Dodaj notatkę po ' # ', ' // ', ' - ' lub ' <- ', a zostanie wyrównana jako komentarz w wyniku. Wklej listę ścieżek (git ls-files, find, dir /s /b), aby je zagnieździć; zakończ nazwę znakiem /, aby oznaczyć pusty folder. Import lub upuszczenie folderu albo pliku .zip odczytuje tylko nazwy plików — nigdy ich zawartość — i pomija node_modules, .git oraz inne foldery kompilacji (zobacz Opcje importu).

Drzewo
Styl komentarza
my-project
├── src
│   ├── components
│   │   ├── Button.tsx
│   │   └── Modal.tsx
│   ├── lib
│   │   └── utils.ts
│   └── index.ts  # entry point
├── public
│   └── favicon.ico
├── package.json
└── README.md

💡 Wklej strukturę folderów (lub dowolny zagnieżdżony konspekt) i uzyskaj czytelne drzewo do wstawienia w README, komentarzu lub dokumentacji. Użyj stylu ASCII dla środowisk bez obsługi znaków ramkowych. Wszystko działa w przeglądarce.

Typowe zastosowania

  • Dodaj drzewo folderów do READMEWygeneruj czyste drzewo struktury projektu do dokumentacji repozytorium.
  • Dokumentuj strukturę projektuUtwórz drzewo katalogów dla dokumentacji technicznej i wiki.
  • Utwórz drzewo dla komentarza w kodzieWygeneruj diagram struktury do osadzenia w komentarzach kodu źródłowego.
  • Pokaż drzewo plików w rozmowieUtwórz czysty diagram katalogów dla slajdów i samouczków.
  • Zmień zarys na drzewoWizualizuj dowolny zagnieżdżony zarys — nie tylko pliki — jako drzewo.

Jak to działa

Dokumentowanie struktury folderów w pliku README zwykle oznacza ręczne rysowanie linii ├── i └──. To narzędzie generuje je z prostej listy z wcięciami.

  1. 1
    Wpisujesz listę z wcięciami
    Jeden element na wiersz; wcinaj spacjami lub tabulatorami, aby zagnieżdżać. Głębokość wcięcia określa hierarchię.
  2. 2
    Jest parsowany do drzewa
    Parser oparty na stosie zmienia wcięcie w zagnieżdżoną strukturę, całkowicie w przeglądarce.
  3. 3
    Łączniki drzewa są rysowane
    Generowane są odpowiednie znaki ├──, └── i │ z poprawnymi liniami pionowymi biegnącymi przez zagnieżdżone gałęzie.
  4. 4
    Skopiuj wynik
    Wybierz łączniki Unicode lub zwykłe ASCII i skopiuj drzewo do pliku README, dokumentów lub komentarza kodu.

Proste narzędzie tekstowe, które działa całkowicie na Twoim urządzeniu — nic nie jest przesyłane.

Powiązane narzędzia

Często zadawane pytania