Ugrás a fő tartalomra

Ingyenes ASCII-fagenerátor

Alakíts behúzott listát mappastruktúrává (├── └──) README fájlokhoz és dokumentációhoz. Unicode vagy egyszerű ASCII kimenet. Teljes egészében a böngésződben fut.

Betöltés után offline is működik
Importálási beállítások
Alapból kihagyja a node_modules, .git, build kimenet és gyorsítótár mappákat.

Szóközzel vagy tabulátorral behúzva hozz létre aleelemeket. Minden mélyebb behúzás egy gyermek csomóponttá válik. Adj meg egy megjegyzést a ' # ', ' // ', ' - ' vagy ' <- ' után, és a kimenetben megjegyzésként igazítva jelenik meg. Illessz be útvonallistát (git ls-files, find, dir /s /b) a beágyazáshoz; a / jellel zárd a nevet, ha üres mappát jelölsz. Mappa vagy .zip importálása, illetve ide húzása csak a fájlneveket olvassa be, a tartalmukat soha, és kihagyja a node_modules, .git és egyéb build mappákat (lásd: Importálási beállítások).

Fa
Megjegyzés stílusa
my-project
├── src
│   ├── components
│   │   ├── Button.tsx
│   │   └── Modal.tsx
│   ├── lib
│   │   └── utils.ts
│   └── index.ts  # entry point
├── public
│   └── favicon.ico
├── package.json
└── README.md

💡 Illessz be egy mappastruktúrát (vagy bármilyen hierarchikus vázlatot), és kapj egy tiszta fát, amelyet README-be, megjegyzésbe vagy dokumentációba illeszthetsz. Használd az ASCII stílust olyan környezetekben, amelyek nem renderelnek dobozrajzoló karaktereket. Minden a böngésződben fut.

Gyakori felhasználások

  • Mappa fa hozzaadasa a README-hezGeneralj egy tiszta projektstruktúra fát az adattáred dokumentálásához.
  • Projektstruktúra dokumentálásaHozz létre egy könyvtárfát a technikai dokumentáció és a wikik számára.
  • Fa létrehozása egy kódmegjegyzéshezGeneralj egy szerkezeti diagramot a forráskód megjegyzésekbe való beágyazáshoz.
  • Fájlfa megjelenítése egy beszédbenHozz létre egy tiszta könyvtárdiagramot a diákhoz és oktatóanyagokhoz.
  • Váltsd át az vázlatot egy fáraVizualizálj egy tetszőleges beágyazott vázlatot — nem csak fájlokat — faként.

Hogyan működik

A mappaszerkezet README-ben való dokumentálása általában azt jelenti, hogy a ├── és └── vonalakat kézzel kell megrajzolni. Ez egy egyszerű behúzott listából állítja elő őket.

  1. 1
    Ön egy behúzott vázlatot gépel
    Soronként egy elem; a beágyazáshoz szóközzel vagy tabulátorral húzza be. A behúzás mélysége határozza meg a hierarchiát.
  2. 2
    A fa szerkezet elemzésre kerül
    Egy veremalapú elemző a behúzást beágyazott szerkezetté alakítja, teljes egészében a böngészőben.
  3. 3
    A fa összeköttetések rajzolódnak
    Létrejönnek a megfelelő ├──, └── és │ vezetővonalak, a helyes függőleges vonalakkal a beágyazott ágakon át.
  4. 4
    Másolja ki az eredményt
    Válasszon Unicode vagy egyszerű ASCII összekötőket, és másolja a fát a README-be, a dokumentációba vagy egy kódmegjegyzésbe.

Egy egyszerű szöveges eszköz, amely teljes egészében az eszközödön működik - semmi nem kerül feltöltésre.

Kapcsolódó eszközök

Gyakran ismételt kérdések