Zum Hauptinhalt springen

ASCII-Baumgenerator – kostenlos

Verwandeln Sie eine eingerückte Liste in einen sauberen Ordnerbaum (├── └──) für READMEs und Dokumentationen. Unicode- oder reines ASCII-Format. Läuft vollständig in Ihrem Browser.

Funktioniert nach dem Laden offline
Importoptionen
Standardmäßig werden node_modules, .git, Build-Ausgaben und Caches übersprungen.

Mit Leerzeichen oder Tabs einrücken, um Elemente zu verschachteln. Tiefere Einrückung wird zum Kindelement. Fügen Sie nach ' # ', ' // ', ' - ' oder ' <- ' eine Notiz hinzu, und sie wird in der Ausgabe als Kommentar ausgerichtet. Fügen Sie eine Liste von Pfaden ein (git ls-files, find, dir /s /b), um sie zu verschachteln; ein Name mit / am Ende markiert einen leeren Ordner. Beim Importieren oder Ablegen eines Ordners oder einer .zip-Datei werden nur Dateinamen gelesen – nie deren Inhalt – und node_modules, .git und andere Build-Ordner übersprungen (siehe Importoptionen).

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

💡 Ordnerstruktur (oder eine verschachtelte Gliederung) einfügen und einen sauberen Baum für README, Kommentare oder Dokumentation erhalten. ASCII-Stil für Umgebungen ohne Box-Drawing-Zeichen. Alles läuft im Browser.

Häufige Anwendungen

  • Ordnerbaum zu README hinzufügenGenerieren Sie einen sauberen Projektstrukturbaum zum Dokumentieren Ihres Repositoriums.
  • Eine Projektstruktur dokumentierenErstellen Sie einen Verzeichnisbaum für technische Dokumente und Wikis.
  • Einen Baum für einen Code-Kommentar erstellenGenerieren Sie ein Strukturdiagramm zum Einbetten in Quellcode-Kommentare.
  • Dateibaum in einem Vortrag anzeigenErstellen Sie ein sauberes Verzeichnisdiagramm für Folien und Tutorials.
  • Eine Gliederung in einen Baum umwandelnVisualisieren Sie jede verschachtelte Gliederung – nicht nur Dateien – als Baum.

So funktioniert es

Eine Ordnerstruktur in einer README zu dokumentieren bedeutet normalerweise, die ├──- und └──-Linien von Hand zu zeichnen. Dieses Tool erzeugt sie aus einer einfachen eingerückten Liste.

  1. 1
    Sie tippen eine eingerückte Gliederung
    Ein Element pro Zeile; rücke mit Leerzeichen oder Tabs ein, um zu verschachteln. Die Einrückungstiefe definiert die Hierarchie.
  2. 2
    Daraus wird ein Baum erzeugt
    Ein Stack-basierter Parser verwandelt die Einrückung in eine verschachtelte Struktur, vollständig in Ihrem Browser.
  3. 3
    Baum-Verbinder werden gezeichnet
    Korrekte ├──-, └──- und │-Hilfslinien werden erzeugt, wobei die senkrechten Linien richtig durch verschachtelte Zweige fortgeführt werden.
  4. 4
    Kopieren Sie das Ergebnis
    Wählen Sie Unicode oder einfache ASCII-Verbinder und kopieren Sie den Baum in Ihre README, Dokumentation oder einen Code-Kommentar.

Ein einfaches Text-Dienstprogramm, das vollständig auf Ihrem Gerät läuft – nichts wird hochgeladen.

Anleitung

Beispiel

Die Seite öffnet sich mit einem 12-zeiligen Beispiel: „my-project“ mit „src“, „public“, „package.json“ und „README.md“ darunter und „components“, „lib“ und „index.ts“ unter „src“. Im Standardstil „├── Unicode“ markiert ├── ein Element mit einem weiteren Geschwisterelement darunter, └── markiert das letzte, und │ führt einen Zweig nach unten. Eine Notiz, eingegeben als „index.ts # entry point“, erscheint als „index.ts # entry point“, wobei alle Notizen in einer Spalte zwei Leerzeichen nach der längsten Zeile, die eine hat, ausgerichtet werden. Drücken Sie „- Markdown“ für verschachtelte Aufzählungspunkte (zwei Leerzeichen pro Ebene) oder „|-- ASCII“ für einfache Zeichen. Das Einfügen der drei Pfade src/app/page.tsx, src/app/layout.tsx und src/lib/utils.ts ergibt src mit app (page.tsx, layout.tsx) und lib (utils.ts) darunter.

Welche Einstellungen zu verwenden sind, und die Grenzen

  • Wählen Sie den Stil für den Zielort des Baums. „├── Unicode“ sieht in READMEs und Dokumenten am besten aus. „|-- ASCII“ verwendet nur einfache Zeichen, für Terminals, Logs und Code-Kommentare, wo Rahmenzeichen möglicherweise nicht angezeigt werden. „- Markdown“ erstellt eine Aufzählungsliste. „Herunterladen“ speichert tree.txt oder im Markdown-Stil tree.md.
  • Verschachteln Sie mit Einrückungen oder fügen Sie Pfade ein. Jede tiefere Einrückung erzeugt ein Kindelement der darüberliegenden Zeile. Ein Tabulator zählt als vier Leerzeichen, und die Tabulatortaste im Feld fügt zwei Leerzeichen ein (Shift+Tab entfernt sie; drücken Sie Escape und dann Tab, um das Feld zu verlassen). Sie können auch eine Liste von Pfaden einfügen, z. B. die Ausgabe von git ls-files, find oder dir /s /b, mit / oder \ als Trennzeichen, und sie werden zu einem Baum zusammengeführt. Beenden Sie einen Namen mit /, um einen leeren Ordner zu kennzeichnen.
  • Fügen Sie Notizen nach einem Trennzeichen hinzu. Setzen Sie „ # “, „ // “, „ - “ oder „ <- “ mit einem Leerzeichen auf jeder Seite hinter einen Namen, und der Rest der Zeile wird zu einer Notiz, die in einer Spalte ausgerichtet wird. „Kommentarstil“ legt fest, ob die Ausgabe #, // oder <-- zeigt. Ein Name, der ein Leerzeichen, einen Bindestrich und ein weiteres Leerzeichen enthält, wie „My Doc - final.docx“, wird in Name und Notiz aufgeteilt; schreiben Sie ihn daher ohne die Leerzeichen um den Bindestrich.
  • Ordner zuerst sortieren und Ordner mit Schrägstrich markieren. „Ordner zuerst“ setzt Ordner auf jeder Ebene vor Dateien und behält ansonsten Ihre Reihenfolge bei. „Abschließender /“ fügt nach jedem Ordner ein / hinzu, d. h. nach jedem Namen, der Kinder hat oder den Sie mit / beendet haben.
  • Fügen Sie einen Baum ein, um ihn umzugestalten. Wenn Sie Text einfügen, der bereits wie ein Baum aussieht (Zeilen mit ├──, └──, |-- oder +--, einschließlich der Ausgabe von Linux tree und Windows tree /f), wandelt das Feld ihn in eine eingerückte Liste um und zeigt „Eingefügten Baum erkannt – zurück in eine bearbeitbare, eingerückte Liste umgewandelt.“ Dann können Sie den Stil wechseln, sortieren oder Notizen hinzufügen. Die Kopfzeilen, die Windows ausgibt, wie „Folder PATH listing“ und „Volume serial number“, werden entfernt.
  • Namen aus einem Ordner oder einer Zip-Datei importieren. „Ordner importieren“ (auf Telefonen ausgeblendet), das Ziehen eines Ordners auf das Feld oder „.zip importieren“ liest nur Dateinamen, niemals Inhalte. Unter „Importoptionen“ überspringt „Namen ignorieren (kommagetrennt, * erlaubt)“ standardmäßig node_modules, .git, dist, build, .next, __pycache__, .venv und andere übliche Build-Ordner, und „Maximale Tiefe“ beginnt bei 7 und reicht von 1 bis 30. Die Tiefe zählt die Ordner über einer Datei, inklusive des obersten Ordners. Ein Hinweis zeigt, wie viele Dateien übersprungen wurden.

Häufige Probleme und wie man sie behebt

Der Baum erscheint flach, ohne Verzweigungen.
Es wurde nichts eingerückt, daher wurde jede Zeile zu einem eigenen Element auf oberster Ebene. Rücke Sie die Kinder mit Leerzeichen oder der Tabulatortaste ein. Die einzige Ausnahme ist eine Liste von Pfaden (Namen, die / oder \ enthalten), die für Sie verschachtelt wird, aber nur, wenn keine der Zeilen eingerückt ist.
Ein Teil eines Dateinamens erscheint als Notiz.
Ein Leerzeichen, dann #, //, - oder <-, dann ein weiteres Leerzeichen leitet eine Notiz ein. „My Doc - final.docx“ wird zum Namen „My Doc“ mit der Notiz „final.docx“. Entfernen Sie die Leerzeichen um den Bindestrich, z. B. „My Doc-final.docx“. Ein # oder - ohne Leerzeichen auf beiden Seiten, wie in „C# notes.md“, bleibt im Namen erhalten.
Es erscheint: „Diese .zip-Datei konnte nicht gelesen werden. Überprüfen Sie, ob es sich um eine gültige, unverschlüsselte Zip-Datei handelt.“
Die Datei konnte nicht als Zip-Datei geöffnet werden: Sie ist möglicherweise beschädigt, passwortgeschützt oder gar keine echte Zip-Datei. Erstellen Sie eine normale Zip-Datei und versuchen Sie es erneut. „Diese .zip-Datei hat keine Einträge.“ bedeutet, dass das Archiv leer ist.
Nach dem Importieren eines Ordners fehlen Dateien.
Sehen Sie sich den Hinweis unter dem Feld an, z. B. „12 Dateien übersprungen (ignoriert oder zu tief)“. Dateien werden übersprungen, wenn ein Ordner- oder Dateiname mit „Namen ignorieren“ übereinstimmt oder wenn sie tiefer als „Maximale Tiefe“ liegen. Öffnen Sie „Importoptionen“ und bearbeiten Sie die Liste oder erhöhen Sie die Maximale Tiefe; die Änderung wird auf Ihren letzten Import angewendet, sofern Sie den Text seitdem nicht bearbeitet haben. Außerdem wird ein abgelegter Ordner nur bis zu etwa 50.000 Namen eingelesen, bevor die Ignorierliste angewendet wird, sodass ein Projekt mit einem riesigen node_modules echte Dateien verlieren kann: Verwenden Sie stattdessen „Ordner importieren“ oder eine Zip-Datei, die ohne node_modules erstellt wurde.
Es erscheint: „Der abgelegte Ordner oder die Datei konnte nicht gelesen werden.“
Der Browser hat das Auflisten des abgelegten Elements verweigert. Verwenden Sie stattdessen „Ordner importieren“ oder erstellen Sie eine .zip-Datei und nutzen Sie „.zip importieren“. Auf Telefonen ist die Ordneroption ausgeblendet, verwenden Sie dort eine Zip-Datei.

Wie es im Vergleich abschneidet

Für einen bereits vorhandenen Ordner liefert der Befehl tree (oder tree /f unter Windows) im Terminal eine exakte Auflistung in einem Schritt, und dieses Werkzeug kann die Ausgabe umgestalten. Verwenden Sie dieses Werkzeug, wenn Sie ein Layout planen möchten, das noch nicht existiert, nur einen Teil eines Ordners zeigen, Notizen hinzufügen oder zwischen Unicode, ASCII und Markdown wechseln möchten. Es arbeitet nur mit Namen, ohne Dateigrößen, Daten, Berechtigungen oder Inhalte, und ein Import überspringt gängige Build-Ordner, es sei denn, Sie ändern die Liste. Zwischen den Stilen liest sich Unicode am besten, aber seine Rahmenzeichen werden möglicherweise nicht überall angezeigt, ASCII ist die sichere Wahl für Terminals und Code-Kommentare, und Markdown ist für Listen, die als Aufzählungspunkte dargestellt werden sollen.

Ähnliche Tools

Häufige Fragen