मुख्य सामग्री पर जाएँ

मुफ़्त ASCII ट्री जेनरेटर

इंडेंटेड सूची को README और दस्तावेज़ों के लिए क्लीन फोल्डर ट्री (├── └──) में बदलें। Unicode या प्लेन-ASCII आउटपुट। पूरी तरह आपके ब्राउज़र में चलता है।

लोड होने के बाद ऑफ़लाइन काम करता है
इंपोर्ट विकल्प
डिफ़ॉल्ट रूप से node_modules, .git, बिल्ड आउटपुट और कैश छोड़े जाते हैं।

आइटम नेस्ट करने के लिए स्पेस या टैब से इंडेंट करें। हर गहरा इंडेंट एक चाइल्ड बनाता है। ' # ', ' // ', ' - ' या ' <- ' के बाद नोट जोड़ें और वह आउटपुट में कमेंट के रूप में संरेखित होगा। पाथ की सूची (git ls-files, find, dir /s /b) पेस्ट करें तो वे नेस्ट हो जाएँगे; खाली फ़ोल्डर दिखाने के लिए नाम के अंत में / लगाएँ। फ़ोल्डर या .zip इंपोर्ट करने या डालने पर केवल फ़ाइलों के नाम पढ़े जाते हैं — उनकी सामग्री कभी नहीं — और node_modules, .git तथा अन्य बिल्ड फ़ोल्डर छोड़ दिए जाते हैं (इंपोर्ट विकल्प देखें)।

ट्री
कमेंट शैली
my-project
├── src
│   ├── components
│   │   ├── Button.tsx
│   │   └── Modal.tsx
│   ├── lib
│   │   └── utils.ts
│   └── index.ts  # entry point
├── public
│   └── favicon.ico
├── package.json
└── README.md

💡 फ़ोल्डर संरचना (या कोई भी नेस्टेड आउटलाइन) पेस्ट करें और README, कमेंट या डॉक्युमेंटेशन में डालने योग्य साफ़ ट्री पाएं। बॉक्स-ड्रॉइंग कैरेक्टर सपोर्ट न करने वाले माहौल में ASCII स्टाइल इस्तेमाल करें। सब कुछ ब्राउज़र में चलता है।

सामान्य उपयोग

  • README में फोल्डर ट्री जोड़ेंअपनी रिपोजिटरी को दस्तावेज़ करने के लिए एक स्वच्छ project-structure tree उत्पन्न करें।
  • प्रोजेक्ट संरचना को दस्तावेज़ करेंतकनीकी डॉक्स और wikis के लिए एक निर्देशिका tree बनाएं।
  • कोड टिप्पणी के लिए एक ट्री बनाएंsource-code comments में एम्बेड करने के लिए एक संरचना आरेख उत्पन्न करें।
  • बातचीत में फाइल ट्री दिखाएंस्लाइड्स और tutorials के लिए एक स्वच्छ निर्देशिका आरेख बनाएं।
  • एक रूपरेखा को एक ट्री में बदलेंकिसी भी नेस्टेड outline को — केवल files नहीं — एक tree के रूप में दृश्यमान करें।

यह कैसे काम करता है

README में फ़ोल्डर संरचना का दस्तावेज़ बनाने का मतलब आमतौर पर ├── और └── रेखाएँ हाथ से खींचना होता है। यह एक सादी इंडेंटेड सूची से उन्हें अपने आप बना देता है।

  1. 1
    आप एक इंडेंटेड आउटलाइन टाइप करते हैं
    हर लाइन में एक आइटम; नेस्ट करने के लिए स्पेस या टैब से इंडेंट करें। इंडेंटेशन की गहराई पदानुक्रम तय करती है।
  2. 2
    इसे ट्री में पार्स किया जाता है
    एक स्टैक-आधारित पार्सर इंडेंटेशन को नेस्टेड संरचना में बदल देता है, पूरी तरह आपके ब्राउज़र में।
  3. 3
    ट्री कनेक्टर बनाए जाते हैं
    सही ├──, └── और │ गाइड बनाए जाते हैं, और नेस्टेड शाखाओं के नीचे सही ऊर्ध्वाधर रेखाएँ आगे तक ले जाई जाती हैं।
  4. 4
    परिणाम कॉपी करें
    Unicode या सादे-ASCII कनेक्टर चुनें और ट्री को अपने README, दस्तावेज़ या कोड कमेंट में कॉपी करें।

एक सादा टेक्स्ट टूल जो पूरी तरह आपके डिवाइस पर चलता है — कुछ भी अपलोड नहीं होता।

संबंधित टूल

अक्सर पूछे जाने वाले प्रश्न