Ana içeriğe geç

Ücretsiz ASCII Ağaç Oluşturucu

Girintili bir listeyi README'ler ve belgeler için temiz bir klasör ağacına (├── └──) dönüştürün. Unicode veya düz ASCII çıktısı. Tamamen tarayıcınızda çalışır.

Yüklendikten sonra çevrimdışı çalışır
İçe aktarma seçenekleri
Varsayılanlar node_modules, .git, derleme çıktısı ve önbellekleri atlar.

Öğeleri iç içe geçirmek için boşluk veya tab kullanın. Her girintili satır bir alt öğe olur. ' # ', ' // ', ' - ' veya ' <- ' sonrasına bir not ekleyin; çıktıda yorum olarak hizalanır. İç içe yerleştirmek için bir yol listesi yapıştırın (git ls-files, find, dir /s /b); boş klasörü belirtmek için adın sonuna / koyun. Bir klasörü veya .zip dosyasını içe aktarmak ya da bırakmak yalnızca dosya adlarını okur, içeriklerini asla okumaz; node_modules, .git ve diğer derleme klasörlerini atlar (bkz. İçe aktarma seçenekleri).

Ağaç
Yorum stili
my-project
├── src
│   ├── components
│   │   ├── Button.tsx
│   │   └── Modal.tsx
│   ├── lib
│   │   └── utils.ts
│   └── index.ts  # entry point
├── public
│   └── favicon.ico
├── package.json
└── README.md

💡 Bir klasör yapısını (veya herhangi bir iç içe taslağı) yapıştırın; README'ye, yoruma ya da dokümantasyona doğrudan ekleyebileceğiniz temiz bir ağaç elde edin. Kutu çizim karakterlerini desteklemeyen ortamlar için ASCII stilini kullanın. Her şey tarayıcınızda çalışır.

Yaygın kullanımlar

  • README'ye Klasör Ağacı EkleyinDepoyu belgeleştirmek için temiz bir proje yapısı ağacı oluşturun.
  • Proje Yapısını BelgeleştirinTeknik belgeler ve wikiler için dizin ağacı oluşturun.
  • Kod Açıklaması için Ağaç OluşturunKaynak kodu yorumlarına gömmek için yapı diyagramı oluşturun.
  • Konuşmada Dosya Ağacını GösterinSlaytlar ve eğitimler için temiz bir dizin diyagramı oluşturun.
  • Anahatı Ağaca DönüştürünHerhangi bir iç içe anahatı — sadece dosyaları değil — bir ağaç olarak görselleştirin.

Nasıl çalışır

Bir README'deki klasör yapısını belgelemek genellikle ├── ve └── satırlarını elle çizmek anlamına gelir. Bu, onları basit bir girintili listeden oluşturur.

  1. 1
    Girintili bir taslak yazarsınız
    Satır başına bir öğe; iç içe geçirmek için boşluklarla veya sekmelerle girintileyin. Girinti derinliği hiyerarşiyi tanımlar.
  2. 2
    Bir ağaca ayrıştırılır
    Yığın tabanlı ayrıştırıcı girintiyi iç içe geçmiş bir yapıya dönüştürür, tamamen tarayıcınızda.
  3. 3
    Ağaç bağlayıcıları çizilir
    Uygun ├──, └── ve │ kılavuzları oluşturulur, iç içe geçmiş dallar aracılığıyla doğru dikey çizgiler taşınır.
  4. 4
    Sonucu kopyalarsınız
    Unicode veya sade ASCII bağlayıcılar seçin ve ağacı README'nize, belgelerinize veya kod açıklamasına kopyalayın.

Cihazınızda tamamen çalışan basit bir metin yardımcı programı — hiçbir şey yüklenmez.

Kılavuz

Çalışılmış örnek

Sayfa 12 satırlık bir örnekle açılır: "my-project" altında "src", "public", "package.json" ve "README.md" ve "src" altında "components", "lib" ve "index.ts". Varsayılan "├── Unicode" stilinde, ├── altında kardeşi olan bir öğeyi, └── sonuncuyu işaretler ve │ bir dalı aşağı taşır. "index.ts # giriş noktası" olarak yazılan bir not, "index.ts # giriş noktası" olarak çıkar ve her not, notu olan en uzun satırdan iki boşluk sonra aynı sütunda hizalanır. İç içe madde işaretleri (seviye başına iki boşluk) için "- Markdown" veya düz karakterler için "|-- ASCII" seçeneğine basın. src/app/page.tsx, src/app/layout.tsx ve src/lib/utils.ts şeklindeki üç yolu yapıştırmak, altında app (page.tsx, layout.tsx) ve lib (utils.ts) bulunan src'yi verir.

Hangi ayarların kullanılacağı ve sınırlar

  • Ağacın gideceği yer için stili seçin. "├── Unicode" BENİOKU dosyalarında ve belgelerde en iyi görünür. "|-- ASCII" yalnızca düz karakterler kullanır; kutu çizim karakterlerinin gösterilmeyebileceği terminaller, günlükler ve kod yorumları içindir. "- Markdown" madde işaretli bir liste oluşturur. "İndir" tree.txt dosyasını veya Markdown stilinde tree.md dosyasını kaydeder.
  • Girintilerle iç içe yerleştirin veya yolları yapıştırın. Her daha derin girinti, bir üst satırın çocuğunu oluşturur. Bir sekme dört boşluk sayılır ve kutudaki Sekme tuşu iki boşluk ekler (Shift+Sekme bunları kaldırır; kutudan çıkmak için Escape ve ardından Sekme tuşuna basın). Ayrıca git ls-files, find veya dir /s /b çıktısı gibi, / veya \ ayırıcılı bir yol listesi yapıştırabilirsiniz ve bunlar tek bir ağaçta birleşir. Boş bir klasörü işaretlemek için adı / ile bitirin.
  • Bir ayırıcıdan sonra notlar ekleyin. Bir adın ardından, her iki tarafında birer boşluk olacak şekilde " # ", " // ", " - " veya " <- " koyun; satırın geri kalanı bir not olur ve tek bir sütunda hizalanır. "Yorum stili" çıktının #, // veya <-- işaretlerinden hangisini göstereceğini seçer. "My Doc - final.docx" gibi boşluk, tire ve başka bir boşluk içeren bir ad, ad ve not olarak ayrılır; bu yüzden tire etrafındaki boşluklar olmadan yazın.
  • Klasörleri önce sıralayın ve klasörleri eğik çizgiyle işaretleyin. "Önce klasörler" her seviyede klasörleri dosyalardan önce koyar ve bunun dışında sıralamanızı korur. "Sondaki /" her klasörün, yani çocuğu olan veya / ile bitirdiğiniz her adın sonuna bir / ekler.
  • Bir klasörden veya zip'ten adları içe aktarın. "Klasörü içe aktar" (telefonlarda gizlidir), kutuya bir klasör bırakmak veya ".zip'i içe aktar" asla içerikleri değil, yalnızca dosya adlarını okur. "İçe aktarma seçenekleri" altında, "Yok sayılacak adlar (virgülle ayrılmış, * kullanılabilir)" varsayılan olarak node_modules, .git, dist, build, .next, __pycache__, .venv ve diğer yaygın derleme klasörlerini atlar ve "Maks derinlik" 7'den başlar ve 1 ile 30 arasında değişir. Derinlik, üst klasör dahil olmak üzere bir dosyanın üzerindeki klasörleri sayar. Bir not, kaç dosyanın atlandığını söyler.

Yaygın sorunlar ve nasıl düzeltileceği

Ağaç düz çıkıyor, hiç dal yok.
Hiçbir şey girintili değildi, bu yüzden her satır kendi üst düzey öğesi oldu. Çocukları boşluklarla veya Sekme tuşuyla girintileyin. Tek istisna, bir yol listesidir (/ veya \ içeren adlar), bu sizin için iç içe yerleştirilir, ancak yalnızca satırların hiçbiri girintili değilse.
Bir dosya adının bir kısmı not olarak görünüyor.
Bir boşluk, ardından #, //, - veya <-, ardından başka bir boşluk bir not başlatır. "My Doc - final.docx", "final.docx" notuyla birlikte "My Doc" adı olur. "My Doc-final.docx"te olduğu gibi tire etrafındaki boşlukları kaldırın. "C# notes.md"de olduğu gibi her iki tarafında da boşluk olmayan bir # veya - adın içinde kalır.
"Bu .zip okunamadı. Geçerli, şifrelenmemiş bir zip dosyası olduğunu kontrol edin." diyor.
Dosya bir zip olarak açılamadı: hasarlı, parola korumalı veya gerçekten bir zip olmayabilir. Normal bir zip oluşturun ve tekrar deneyin. "Bu .zip'in hiçbir girdisi yok." arşivin boş olduğu anlamına gelir.
Bir klasörü içe aktardıktan sonra dosyalar eksik.
Kutunun altındaki nota bakın, örneğin "12 dosya atlandı (yok sayıldı veya çok derin)". Herhangi bir klasör veya dosya adı "Yok sayılacak adlar" ile eşleştiğinde veya "Maks derinlik"ten daha derinde olduklarında dosyalar atlanır. "İçe aktarma seçenekleri"ni açın ve listeyi düzenleyin veya Maks derinliği artırın; o zamandan beri metni düzenlemediyseniz değişiklik son içe aktarmanıza uygulanır. Ayrıca, bırakılan bir klasör, yok sayma listesi uygulanmadan önce yalnızca yaklaşık 50.000 ada kadar okunur, bu nedenle çok büyük bir node_modules içeren bir proje gerçek dosyaları kaybedebilir: bunun yerine "Klasörü içe aktar"ı veya node_modules olmadan oluşturulmuş bir zip kullanın.
"Bırakılan klasör veya dosya okunamadı." diyor.
Tarayıcı bırakılan öğeyi listelemeyi reddetti. Bunun yerine "Klasörü içe aktar"ı kullanın veya bir .zip oluşturup ".zip'i içe aktar"ı kullanın. Telefonlarda klasör seçeneği gizlidir, bu yüzden orada bir zip kullanın.

Nasıl karşılaştırılır

Halihazırda sahip olduğunuz bir klasör için, bir terminaldeki tree komutu (veya Windows'ta tree /f) tek adımda tam bir liste verir ve bu araç onun yazdırdığını yeniden biçimlendirebilir. Bu aracı, henüz var olmayan bir düzeni planlamak, bir klasörün yalnızca bir kısmını göstermek, notlar eklemek veya Unicode, ASCII ve Markdown arasında geçiş yapmak istediğinizde kullanın. Dosya boyutları, tarihler, izinler veya içerikler olmaksızın yalnızca adlarla çalışır ve bir içe aktarma, siz listeyi değiştirmediğiniz sürece yaygın derleme klasörlerini atlar. Stiller arasında Unicode en iyi okunur ancak kutu çizim karakterleri bazı yerlerde gösterilmeyebilir, ASCII terminaller ve kod yorumları için güvenli seçimdir ve Markdown madde işaretleri olarak işlenmesi gereken listeler içindir.

İlgili araçlar

Sık sorulan sorular