Pāriet uz galveno saturu

ASCII koka ģenerētājs bez maksas

Pārvērš atkāptu sarakstu tīrā mapju kokā (├── └──) README un dokumentācijai. Unicode vai parastais ASCII izvads. Darbojas tikai pārlūkprogrammā.

Darbojas bezsaistē pēc ielādes
Importa opcijas
Pēc noklusējuma tiek izlaistas node_modules, .git, būvēšanas izvade un kešatmiņas.

Elementu ligzdošanai izmantojiet atstarpes vai tabulatorus. Katrs dziļāks ievilkums kļūst par pakārtotu elementu. Pievienojiet piezīmi aiz ' # ', ' // ', ' - ' vai ' <- ', un tā tiks izlīdzināta kā komentārs izvadē. Ielīmējiet ceļu sarakstu (git ls-files, find, dir /s /b), lai tos ievietotu hierarhijā; beidziet nosaukumu ar /, lai atzīmētu tukšu mapi. Importējot vai ievelkot mapi vai .zip, tiek nolasīti tikai failu nosaukumi — nekad to saturs — un tiek izlaistas node_modules, .git un citas būvēšanas mapes (skatiet Importa opcijas).

Koks
Komentāra stils
my-project
├── src
│   ├── components
│   │   ├── Button.tsx
│   │   └── Modal.tsx
│   ├── lib
│   │   └── utils.ts
│   └── index.ts  # entry point
├── public
│   └── favicon.ico
├── package.json
└── README.md

💡 Ielīmējiet mapju struktūru (vai jebkuru ligzdotu shēmu) un iegūstiet tīru koku, ko varat ievietot README, komentārā vai dokumentācijā. Vidēm, kas neatveido rāmju zīmēšanas rakstzīmes, izmantojiet ASCII stilu. Viss darbojas jūsu pārlūkprogrammā.

Biežākie lietojumi

  • Pievienojiet mapi koku READMEĢenerējiet tīru projekta struktūras koku sava repozitorija dokumentēšanai.
  • Dokumentējiet projekta struktūruIzveidojiet direktorijas koku tehniskiem dokumentiem un wiki.
  • Izveidojiet koku koda komentāramĢenerējiet struktūras diagrammu iestrādei avota koda komentāros.
  • Parādiet failu koku runasIzveidojiet tīru direktorijas diagrammu slaidu un pamācību.
  • Pārvērtiet kontūru kokiemVizualizējiet jebkuru ligzdotus kontūru — ne tikai failus — kā koku.

Kā tas darbojas

Mapes struktūras dokumentēšana README parasti nozīmē ├── un └── līniju zīmēšanu ar roku. Šis rīks tās ģenerē no vienkārša saraksta ar atkāpēm.

  1. 1
    Jūs ierakstāt kontūru ar atkāpēm
    Viens vienums katrā rindā; ligzdošanai izmantojiet atstarpes vai tabulācijas. Atkāpes dziļums nosaka hierarhiju.
  2. 2
    Tas tiek parsēts kokā
    Uz steka balstīts parsētājs pārvērš atkāpes ligzdotā struktūrā, pilnībā jūsu pārlūkprogrammā.
  3. 3
    Koka savienojumi tiek zīmēti
    Tiek ģenerētas pareizas ├──, └── un │ vadotnes, un vertikālās līnijas pareizi turpinās cauri ligzdotajiem atzariem.
  4. 4
    Nokopējiet rezultātu
    Izvēlieties Unicode vai vienkāršu ASCII savienojumus un kopējiet koku savā README, dokumentos vai koda komentārā.

Vienkāršs teksta rīks, kas darbojas pilnībā jūsu ierīcē — nekas netiek augšupielādēts.

Saistītie rīki

Bieži uzdotie jautājumi