Preskočiť na hlavný obsah

Generátor ASCII stromu zadarmo

Zmeňte odsadený zoznam na prehľadný strom priečinkov (├── └──) pre README a dokumentáciu. Výstup v Unicode alebo čistom ASCII. Beží výlučne vo vašom prehliadači.

Po načítaní funguje offline
Možnosti importu
Predvolene sa preskakuje node_modules, .git, výstupy zostavenia a vyrovnávacie pamäte.

Odsaďte medzerami alebo tabulátormi na vnáranie položiek. Každé hlbšie odsadenie sa stane podradenou položkou. Za názov pridajte poznámku po ' # ', ' // ', ' - ' alebo ' <- ' a vo výstupe sa zarovná ako komentár. Vložte zoznam ciest (git ls-files, find, dir /s /b) a zoskupia sa do stromu; názov zakončený znakom / označí prázdny priečinok. Import alebo pustenie priečinka či súboru .zip načíta iba názvy súborov — nikdy nie ich obsah — a preskočí node_modules, .git a ďalšie priečinky zostavenia (pozri Možnosti importu).

Strom
Štýl komentára
my-project
├── src
│   ├── components
│   │   ├── Button.tsx
│   │   └── Modal.tsx
│   ├── lib
│   │   └── utils.ts
│   └── index.ts  # entry point
├── public
│   └── favicon.ico
├── package.json
└── README.md

💡 Vložte štruktúru priečinkov (alebo akýkoľvek vnorený prehľad) a získajte čistý strom, ktorý môžete vložiť do README, komentára alebo dokumentácie. Použite štýl ASCII pre prostredia, ktoré nevykresľujú znaky pre kreslenie rámov. Všetko beží vo vašom prehliadači.

Bežné použitia

  • Pridajte strom zložiek do READMEVygenerujte čisté strom štruktúry projektu na zdokumentovanie svojho úložiska.
  • Dokumentujte štruktúru projektuVytvorte strom adresárov pre technické dokumenty a wiki.
  • Vytvorte strom na komentár kóduVygenerujte diagram štruktúry na vloženie do komentárov zdrojového kódu.
  • Zobrazte strom súborov v rozhovoreVytvorte čistý diagram adresárov pre snímky a návody.
  • Premeňte osnovu na stromVizualizujte akúkoľvek vnorovanú osnovu — nie iba súbory — ako strom.

Ako to funguje

Dokumentovanie štruktúry priečinkov v README zvyčajne znamená ručné kreslenie čiar ├── a └──. Tento nástroj ich vygeneruje z jednoduchého odsadeného zoznamu.

  1. 1
    Zadáte odsadený prehľad
    Jedna položka na riadok; vnárajte odsadením medzerami alebo tabulátormi. Hĺbka odsadenia určuje hierarchiu.
  2. 2
    Spracuje sa na strom
    Syntaktický analyzátor založený na zásobníku zmení odsadenie na vnorenú štruktúru, úplne vo vašom prehliadači.
  3. 3
    Nakreslia sa spojovacie čiary stromu
    Vygenerujú sa správne vodiace znaky ├──, └── a │, so zvislými čiarami správne prenesenými cez vnorené vetvy.
  4. 4
    Skopírujte výsledok
    Vyberte si Unicode alebo čisté ASCII konektory a skopírujte strom do svojho README, docs alebo komentára kódu.

Jednoduchý textový nástroj, ktorý beží úplne na vašom zariadení — nič sa nenahrá.

Súvisiace nástroje

Často kladené otázky