¿Odias los anuncios? Ir Sin publicidad Hoy 

Generador de árbol de directorios / carpetas (ASCII)

DesarrolladorTexto

ANUNCIO · ¿ELIMINAR?

APORTE

Proceso automático

PROD.

Lado cliente

ANUNCIO · ¿ELIMINAR?

Guía

Generador de árbol de directorios (ASCII)

Generador de árbol de carpetas y directorios

Convierte una lista indentada de archivos o un conjunto de rutas separadas por barras en un árbol de directorios ASCII limpio con caracteres de dibujo adecuados. Ideal para READMEs, documentación técnica, artículos de blog y revisiones de código, donde una estructura visual de proyecto transmite más que una lista plana de rutas de archivos.

Cómo Usar

Pega una lista indentada de archivos (espacios o tabulaciones) o una lista de rutas separadas por barras (una por línea) en el cuadro de entrada.
Elige un formato de entrada — deja seleccionado por defecto Detectar automáticamente para la mayoría de los casos.
Elige un estilo de árbol: dibujo de cajas Unicode, ASCII simple o indentación pura.
Activa los iconos de archivo/carpeta, la barra al final de las carpetas o el modo compacto según sea necesario.
Haga clic en el Copiar botón para copiar el árbol generado, o Descargar guardarlo como un tree.txt archivo.

Características

Dos formatos de entrada – Lista indentada o rutas separadas por barras, con detección automática.
Tres estilos de renderizado – Dibujo de cajas Unicode (├── └── │), ASCII simple (|– `– |) o indentación pura.
Alternancia de iconos – Añade marcadores 📁 y 📄 para distinguir carpetas de archivos al instante.
Opción de barra final – Marca las carpetas con una barra final para una salida unambigua.
Modo compacto – Espaciado más estrecho para árboles profundamente anidados.
Detección automática de carpetas – Cualquier ruta que contenga hijos se renderiza como carpeta; los elementos hoja se convierten en archivos a menos que se añada una barra final.
Renderizado en tiempo real en el cliente – No se sube, no hay tránsito de servidor, ningún dato abandona tu navegador.

Casos de uso común

Documentación de README – Muestra la estructura del proyecto para que los contribuyentes puedan navegar rápidamente por el código fuente.
Tutoriales y artículos de blog – Ilustra la estructura de archivos antes de presentar ejemplos de código.
Revisión de código y documentación de diseño – Comunica la estructura propuesta de carpetas para nuevas funcionalidades.
Materiales de incorporación – Ayuda a nuevos ingenieros a entender las estructuras de monorepo o microservicios.
Reportes de incidencias y reproducciones de errores – Pega una estructura mínima del repositorio al crear incidencias en GitHub.

 Preguntas frecuentes

¿Qué son los caracteres de dibujo de cajas?

Los caracteres de dibujo de cajas son glyphes Unicode (rango U+2500–U+257F) diseñados para dibujar cuadrados, líneas y conectores de árboles con texto monoespaciado. El estilo de árbol de directorios utiliza ├ (U+251C), └ (U+2514), ─ (U+2500) y │ (U+2502) para representar estructuras de ramificación sin gráficos bitmaps. Se renderizan de forma confiable en cualquier entorno UTF-8, incluyendo editores de código, vistas previas de Markdown y terminales.
¿Cuándo debo usar el estilo ASCII en lugar de los caracteres de dibujo de cajas Unicode?

Usa ASCII simple (|-- y `--) cuando el entorno objetivo puede no renderizar correctamente los caracteres Unicode: terminales antiguos, algunos agregadores de logs, correos en texto plano o sistemas con restricciones estrictas de ASCII. Los caracteres de dibujo de cajas se ven más limpios en editores modernos, en READMEs de GitHub y en la mayoría de plataformas de documentación.
¿Cómo determina la herramienta si una ruta es una carpeta o un archivo?

En la entrada separada por barras, cualquier componente de ruta que tenga hijos debajo se considera una carpeta, mientras que los nombres de hojas se consideran archivos. Puedes sobrescribir esta regla añadiendo una barra final (por ejemplo, my-project/empty-folder/) para forzar que un nodo se renderice como carpeta incluso si no tiene hijos. En la entrada indentada, se aplica la misma regla de hoja versus padre.
¿Por qué usar una fuente monoespaciada para la salida del árbol?

Los conectores del árbol solo se alinean verticalmente cuando cada carácter ocupa la misma anchura horizontal. Las fuentes proporcionales comprimen los glyphes estrechos como la barra vertical, rompiendo la alineación entre filas de padre e hijo. Siempre pega el resultado en un contexto monoespaciado, como un bloque de código, un terminal o Markdown preformateado.