Générateur d'arborescence de dossier (ASCII)
Guide
Générateur d'arborescence de dossier
Transforme une liste de fichiers indentée ou un ensemble de chemins séparés par des slash en un arbre ASCII propre avec des caractères de dessin de boîtes. Idéal pour les README, les documents techniques, les articles de blog et les revues de code, où une structure visuelle du projet transmet plus qu'une simple liste de chemins de fichiers.
Comment utiliser
- Collez une liste de fichiers indentée (espaces ou tabulations) ou une liste de chemins séparés par des slash (un par ligne) dans la zone d'entrée.
- Sélectionnez un format d'entrée — laissez-le par défaut Détection automatique pour la plupart des cas.
- Choisissez un style d'arborescence : dessin de boîtes Unicode, ASCII classique, ou indentation pure.
- Activez les icônes de fichier/dossier, le slash final sur les dossiers ou le mode compact selon vos besoins.
- Cliquez sur le Copie bouton pour copier l'arbre généré, ou Télécharger le comme un
tree.txtfichier.
Caractéristiques
- Deux formats d'entrée – Liste indentée ou chemins séparés par des slash, avec détection automatique.
- Trois styles de rendu – Dessin de boîtes Unicode (├── └── │), ASCII classique (|– `– |) ou indentation pure.
- Activation des icônes – Précède les dossiers avec 📁 et les fichiers avec 📄 pour les distinguer rapidement.
- Option du slash final – Marque les dossiers avec un slash final pour une sortie claire.
- Mode compact – Espacement réduit pour les arbres fortement imbriqués.
- Détection automatique des dossiers – Tout chemin contenant des enfants est rendu comme un dossier ; les feuilles deviennent des fichiers sauf si vous ajoutez un slash final.
- Rendu instantané côté client – Aucune upload, aucun tour de serveur, aucun données ne quitte votre navigateur.
Cas d'utilisation courants
- Documentation README – Affiche la structure du projet afin que les contributeurs puissent naviguer rapidement dans le code.
- Tutoriels et articles de blog – Illustrer la structure des fichiers avant d'introduire des exemples de code.
- Revues de code & documents de conception – Communiquer la structure proposée des dossiers pour de nouvelles fonctionnalités.
- Matériaux d'onboarding – Aider les nouveaux ingénieurs à comprendre les architectures monorepo ou microservices.
- Signalements d'issues & reproductions de bugs – Collez une structure minimale du dépôt lors de la création d'issues sur GitHub.
FAQ
-
Qu'est-ce que les caractères de dessin de boîtes ?
Les caractères de dessin de boîtes sont des glyphes Unicode (range U+2500–U+257F) conçus pour dessiner des boîtes, des lignes et des connecteurs d'arbres avec du texte monospace. Le style d'arborescence utilise ├ (U+251C), └ (U+2514), ─ (U+2500) et │ (U+2502) pour représenter des structures en arbre sans graphismes bitmap. Ils s'affichent de manière fiable dans tout environnement UTF-8, y compris les éditeurs de code, les prévus Markdown et les terminaux.
-
Quand utiliser le style ASCII au lieu des caractères de dessin Unicode ?
Utilisez l'ASCII classique (|-- et `--) lorsque l'environnement cible ne rend pas correctement les caractères Unicode : terminaux anciens, certains collecteurs de logs, emails de texte simple ou systèmes avec des contraintes strictes d'ASCII uniquement. Les caractères de dessin de boîtes sont plus esthétiques dans les éditeurs modernes, les README de GitHub et la plupart des plateformes de documentation.
-
Comment le outil distingue-t-il les dossiers des fichiers ?
Dans une entrée séparée par des slash, chaque composant de chemin qui a des enfants sous lui est considéré comme un dossier, tandis que les noms de feuilles sont considérés comme des fichiers. Vous pouvez surcharger cette règle en ajoutant un slash final (par exemple my-project/empty-folder/) pour forcer un nœud à s'afficher comme un dossier même s'il n'a pas d'enfants. Dans une entrée indentée, la même règle s'applique.
-
Pourquoi utiliser une police monospace pour l'affichage de l'arbre ?
Les connecteurs d'arbre ne s'alignent verticalement que lorsque chaque caractère occupe la même largeur horizontale. Les polices proportionnelles compressent les glyphes étroits comme la barre verticale, brisant l'alignement entre les lignes parent et enfant. Collez toujours le résultat dans un contexte monospace, comme un bloc de code, un terminal ou un Markdown préformaté.
Installez nos extensions
Ajoutez des outils IO à votre navigateur préféré pour un accès instantané et une recherche plus rapide
恵 Le Tableau de Bord Est Arrivé !
Tableau de Bord est une façon amusante de suivre vos jeux, toutes les données sont stockées dans votre navigateur. D'autres fonctionnalités arrivent bientôt !
Outils essentiels
Tout voir Nouveautés
Tout voirMise à jour: Notre dernier outil a été ajouté le 16 juin 2026
