Langsung ke konten utama

Generator Pohon ASCII gratis

Ubah daftar berindentasi menjadi pohon folder yang rapi (├── └──) untuk README dan dokumentasi. Output Unicode atau ASCII biasa. Berjalan sepenuhnya di browser Anda.

Berfungsi offline setelah dimuat
Opsi impor
Secara default melewati node_modules, .git, hasil build, dan cache.

Indentasi dengan spasi atau tab untuk membuat hierarki. Setiap level lebih dalam menjadi anak. Tambahkan catatan setelah ' # ', ' // ', ' - ', atau ' <- ' dan catatan itu akan disejajarkan sebagai komentar pada hasil. Tempel daftar path (git ls-files, find, dir /s /b) untuk menyusunnya bertingkat; akhiri nama dengan / untuk menandai folder kosong. Mengimpor atau menjatuhkan folder atau .zip hanya membaca nama file, tidak pernah isinya, dan melewati node_modules, .git, dan folder build lainnya (lihat Opsi impor).

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

💡 Tempel struktur folder (atau outline bersarang apa pun) dan dapatkan pohon rapi yang bisa dimasukkan ke README, komentar, atau dokumentasi. Gunakan gaya ASCII untuk lingkungan yang tidak mendukung karakter box-drawing. Semua berjalan di browser.

Penggunaan umum

  • Tambahkan Pohon Folder ke READMEHasilkan pohon struktur proyek yang rapi untuk mendokumentasikan repositori Anda.
  • Dokumentasikan Struktur ProyekBuat pohon direktori untuk dokumen teknis dan wiki.
  • Buat Pohon untuk Komentar KodeHasilkan diagram struktur untuk disematkan dalam komentar kode sumber.
  • Tampilkan Pohon File dalam PembicaraanBuat diagram direktori yang rapi untuk slide dan tutorial.
  • Ubah Garis Besar Menjadi PohonVisualisasikan garis besar bertingkat apa pun — bukan hanya file — sebagai pohon.

Cara kerja

Mendokumentasikan struktur folder dalam README biasanya berarti menggambar garis ├── dan └── dengan tangan. Alat ini menghasilkannya dari daftar berindentasi sederhana.

  1. 1
    Anda mengetik kerangka berindentasi
    Satu item per baris; indentasi dengan spasi atau tab untuk bersarang. Kedalaman indentasi mendefinisikan hierarki.
  2. 2
    Itu diurai menjadi pohon
    Parser berbasis tumpukan mengubah indentasi menjadi struktur bersarang, sepenuhnya di browser Anda.
  3. 3
    Konektor pohon digambar
    Panduan ├──, └──, dan │ yang tepat dibuat, dengan garis vertikal yang benar dibawa ke bawah melalui cabang bersarang.
  4. 4
    Salin hasilnya
    Pilih konektor Unicode atau ASCII biasa dan salin pohon ke README, docs, atau komentar kode Anda.

Utilitas teks sederhana yang berjalan sepenuhnya di perangkat Anda — tidak ada yang diunggah.

Alat terkait

Pertanyaan yang sering diajukan