Přeskočit na hlavní obsah

Generátor ASCII stromu zdarma

Převeďte odsazený seznam na přehledný strom složek (├── └──) pro soubory README a dokumentaci. Výstup v Unicode nebo prostém ASCII. Běží zcela ve vašem prohlížeči.

Funguje offline po načtení
Možnosti importu
Výchozí nastavení přeskočí node_modules, .git, výstupy sestavení a mezipaměti.

Odsazujte mezerami nebo tabulátory pro vnořování položek. Každá hlubší úroveň se stane podřazeným uzlem. Za název přidejte poznámku pomocí ' # ', ' // ', ' - ' nebo ' <- ' a ve výstupu se zarovná jako komentář. Vložte seznam cest (git ls-files, find, dir /s /b) a zanoří se; název zakončený / označí prázdnou složku. Při importu nebo přetažení složky či souboru .zip se čtou jen názvy souborů – nikdy jejich obsah – a přeskakují se node_modules, .git a další složky sestavení (viz Možnosti importu).

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

💡 Vložte strukturu složek (nebo libovolnou vnořenou osnovu) a získejte přehledný strom, který můžete vložit do README, komentáře nebo dokumentace. Styl ASCII použijte pro prostředí, která nezobrazují znaky pro kreslení rámečků. Vše běží ve vašem prohlížeči.

Běžná použití

  • Přidat strom složek do READMEVygenerovat čistý strom struktury projektu pro dokumentaci repozitáře.
  • Dokumentovat strukturu projektuVytvořit strom adresářů pro technickou dokumentaci a wiki.
  • Vytvořit strom pro poznámku kóduVygenerovat diagram struktury pro vložení do poznámek zdrojového kódu.
  • Zobrazit strom souborů v diskusiVytvořit čistý diagram adresářů pro snímky a tutoriály.
  • Změnit osnovu na stromVizualizovat jakoukoli vnořenou osnovu — ne jen soubory — jako strom.

Jak to funguje

Dokumentace struktury složky v README obvykle znamená ruční kreslení čar ├── a └──. To je generuje z jednoduchého odsazeného seznamu.

  1. 1
    Zadáte odsazený náčrt
    Jedna položka za řádek; odsazení mezerami nebo tabulátory pro vnoření. Hloubka odsazení definuje hierarchii.
  2. 2
    Převede se na strom
    Parser na bázi zásobníku změní odsazení na vnořenou strukturu, zcela v prohlížeči.
  3. 3
    Konektory stromů jsou nakresleny
    Generují se správné spojovací čáry ├──, └── a │ se správnými svislými čarami přenášenými skrz vnořené větve.
  4. 4
    Zkopírujte výsledek
    Vyberte Unicode nebo prosté ASCII konektory a zkopírujte strom do svého README, dokumentace nebo komentáře v kódu.

Jednoduchý textový nástroj, který běží zcela na vašem zařízení — nic se nenahraje.

Související nástroje

Časté dotazy