Klasör Ağacı Üretici
Üç giriş modu (görsel oluşturucu, girintili metin, klasör bırakma), beş render stili (Unicode / ASCII / Markdown / girintili / madde işaretli), dosya ikonu emojileri, satır içi yorumlar, dosya sayıları ve tek tıkla kopyala veya indir.
Ağacı kur
Klasör ve dosya ekle, satır içi yeniden adlandır. Yalnızca yaz.
Canlı önizleme
Yukarıdan bir stil seç. Çıktı sen yazarken güncellenir.
my-next-app/
├── app/
│ ├── (marketing)/
│ │ ├── page.tsx
│ │ └── layout.tsx
│ ├── api/
│ │ └── hello/
│ │ └── route.ts
│ ├── layout.tsx
│ ├── page.tsx
│ └── globals.css
├── components/
│ ├── ui/
│ │ ├── button.tsx
│ │ └── card.tsx
│ ├── Header.tsx
│ └── Footer.tsx
├── lib/
│ └── utils.ts
├── public/
│ ├── favicon.ico
│ └── vercel.svg
├── next.config.ts
├── package.json
├── tsconfig.json
└── README.mdRender seçenekleri
Ağacın nasıl biçimleneceğini ince ayarla.
Dosya ikonlarını göster
Dosyanın türünü ima eden bir emoji ekle (TS, JSON, Docker vb.).
Satır içi yorumları göster
Mevcutsa her satıra `# yorum` ekle.
Klasörlere '/' ekle
Düz metinde klasörleri kolayca ayırt etmek için '/' ekle.
Dosya sayısını göster
Her klasöre `(N dosya)` ekle.
Boş klasörleri gizle
Çıktıdaki çocuksuz klasörleri atla.
Yoksayılan dizinleri gizle
Yaygın gürültüyü atla: node_modules, .git, .next, dist, build, .cache…