Pereiti prie pagrindinio turinio

ASCII medžio generatorius nemokamai

Paverskite įtrauktą sąrašą tvarkingu aplankų medžiu (├── └──) README ir dokumentams. Unicode arba grynasis ASCII išvestis. Veikia visiškai jūsų naršyklėje.

Veikia neprisijungus, kai įkeliama
Importo parinktys
Pagal numatymą praleidžiami node_modules, .git, kūrimo rezultatai ir talpyklos.

Elementams įdėti į vidų naudokite tarpus arba tabuliavimo ženklus. Kiekvienas gilesnis įtraukimas tampa antriniu elementu. Po „ # “, „ // “, „ - “ ar „ <- “ pridėkite pastabą ir ji bus išlygiuota kaip komentaras rezultate. Įklijuokite kelių sąrašą (git ls-files, find, dir /s /b), kad jie būtų išdėstyti hierarchiškai; pavadinimą baigę /, pažymėsite tuščią aplanką. Importuojant ar įmetant aplanką ar .zip skaitomi tik failų pavadinimai – niekada ne turinys – ir praleidžiami node_modules, .git bei kiti kūrimo aplankai (žr. Importo parinktis).

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

💡 Įklijuokite aplankų struktūrą (arba bet kokį įtrauktą sąrašą) ir gaukite švarų medį, kurį galite įdėti į README, komentarą ar dokumentaciją. Aplinkoms, kurios neatvaizduoja langelių braižymo simbolių, naudokite ASCII stilių. Viskas veikia jūsų naršyklėje.

Dažniausi naudojimo būdai

  • Pridėkite aplankų medį prie READMEGeneruokite švarų projekto struktūros medį savo saugyklos dokumentavimui.
  • Dokumentuokite projekto struktūrąSukurkite direktorijų medį techniniams dokumentams ir wiki.
  • Padarykite medį kodo komentaruiGeneruokite struktūros diagramą, įterptiną į šaltinio kodo komentarus.
  • Rodykite failų medį pokalbisSukurkite švarų direktorijų diagramą skaidrėms ir mokymo medžiagai.
  • Paversti kontūrą medžiuVizualininkite bet kokią įdėtą kontūrą — ne tik failus — kaip medį.

Kaip tai veikia

Aplanko struktūros dokumentavimas README faile paprastai reiškia ├── ir └── linijų piešimą rankomis. Šis įrankis jas sugeneruoja iš paprasto įtraukto sąrašo.

  1. 1
    Įvedate įtrauktą sąrašą
    Vienas elementas eilutėje; norėdami įdėti į vidų, naudokite tarpus arba tabuliavimo ženklus. Įtraukos gylis apibrėžia hierarchiją.
  2. 2
    Jis išanalizuojamas į medį
    Steko principu veikiantis analizatorius paverčia įtrauką įdėta struktūra visiškai jūsų naršyklėje.
  3. 3
    Nubraižomos medžio jungtys
    Sugeneruojamos tinkamos ├──, └── ir │ jungtys, o vertikalios linijos teisingai tęsiamos per įdėtas šakas.
  4. 4
    Kopijuoti rezultatą
    Pasirinkite Unicode arba paprastas ASCII jungtis ir nukopijuokite medį į README, dokumentus ar kodo komentarą.

Paprastas tekstinis įrankis, veikiantis visiškai jūsų įrenginyje — niekas neįkeliama.

Susiję įrankiai

Dažnai užduodami klausimai