Lumaktaw sa pangunahing nilalaman
LibraTool logoLibraTool

Libreng Gumagawa ng ASCII Tree

Gawing malinis na folder tree (├── └──) ang isang indented na listahan para sa mga README at dokumento. Unicode o plain-ASCII na output. Tumatakbo nang buo sa iyong browser.

Gumagana offline kapag na-load na
Mga opsyon sa pag-import
Nilalaktawan ng mga default ang node_modules, .git, build output at cache.

Mag-indent gamit ang mga espasyo o tab para mag-nest ng mga aytem. Ang bawat mas malalim na indent ay nagiging child. Magdagdag ng tala pagkatapos ng ' # ', ' // ', ' - ' o ' <- ' at ihahanay ito bilang komento sa output. Mag-paste ng listahan ng mga path (git ls-files, find, dir /s /b) para i-nest ang mga ito; tapusin ang pangalan sa / para markahan ang walang laman na folder. Ang pag-import o pag-drop ng folder o .zip ay binabasa lang ang mga pangalan ng file — hindi kailanman ang laman — at nilalaktawan ang node_modules, .git at iba pang build folder (tingnan ang Mga opsyon sa pag-import).

Tree
Estilo ng komento
my-project
├── src
│   ├── components
│   │   ├── Button.tsx
│   │   └── Modal.tsx
│   ├── lib
│   │   └── utils.ts
│   └── index.ts  # entry point
├── public
│   └── favicon.ico
├── package.json
└── README.md

💡 I-paste ang isang folder structure (o anumang nested outline) at makakuha ng malinis na tree na maaaring ilagay sa README, komento, o dokumentasyon. Gamitin ang ASCII style para sa mga kapaligiran na hindi nag-rerender ng box-drawing characters. Lahat ay tumatakbo sa iyong browser.

Mga karaniwang gamit

  • Magdagdag ng Folder Tree sa READMELumikha ng clean project-structure tree upang i-document ang iyong repository.
  • I-document ang Project StructureLumikha ng directory tree para sa technical docs at wikis.
  • Gumawa ng Tree para sa Code CommentLumikha ng structure diagram upang isama sa source-code comments.
  • Ipakita ang File Tree sa TalkLumikha ng clean directory diagram para sa slides at tutorials.
  • Gawing Tree ang OutlineVisualise ang anumang nested outline — hindi lang files — bilang tree.

Paano ito Gumagana

Ang pagdodokumento ng folder structure sa README ay karaniwang nangangahulugan ng pagguhit nang mano-mano ng mga linyang ├── at └──. Ginagawa ito ng tool na ito mula sa isang simpleng indented list.

  1. 1
    Nag-type ka ng indented outline
    Isang item bawat linya; mag-indent gamit ang mga space o tab para mag-nest. Ang lalim ng indentation ang tumutukoy sa hierarchy.
  2. 2
    Pina-parse ito bilang isang tree
    Ginagawang nested structure ng stack-based parser ang indentation, nang buo sa iyong browser.
  3. 3
    Iginuguhit ang mga tree connector
    Nabubuo ang mga tamang ├──, └──, at │ na guide, na may mga tamang patayong linya na umaabot sa mga nested branch.
  4. 4
    Kopyahin ang resulta
    Pumili ng Unicode o plain-ASCII connectors at kopyahin ang tree sa iyong README, docs, o code comment.

Isang simpleng text utility na tumatakbo nang ganap sa iyong device — walang na-upload.

Mga Kaugnay na Tool

🔤

Gumagawa ng ASCII Banner

Gawing malalaking ASCII-art na banner ang teksto sa mga klasikong FIGlet na font — kopyahin o i-download bilang .txt.

Subukan
🧹

Duplicate File & Photo Finder

Hanapin ang mga duplicate na file at magkakahawig na litrato sa isang folder: eksaktong kopya ayon sa nilalaman, pati ang na-resize o muling na-save na bersyon ng iisang litrato. Panatilihin ang pinakamagandang kopya at ilipat sa tabi ang iba. Tumatakbo sa iyong browser; walang ina-upload.

SubukanLokal ang mga file
📋

Tagapormat ng JSON

I-format, i-validate, i-minify, at i-explore ang data ng JSON. Tree view, syntax highlighting, at one-click copy.

Subukan

Mga Madalas na Itanong