Generador de Árbol de Directorios para README｜Crea visualizaciones de la estructura de carpetas online

Esta herramienta online permite a los desarrolladores generar rápidamente un árbol de directorios en formato de texto, ideal para incluir en archivos README, documentación de proyectos o presentaciones. Admite tanto la entrada manual de texto con sangría como el escaneo automático de una estructura de carpetas local.

💡 Características Principales

• Doble modo de entrada: Puedes pegar directamente una lista de archivos con sangría para representar la jerarquía, o arrastrar y soltar una carpeta completa desde tu ordenador para que la herramienta la escanee automáticamente.
• Exclusión inteligente de carpetas: Al analizar una carpeta, se omiten automáticamente directorios comunes que no suelen documentarse, como .git, node_modules, .next, dist y build, para mantener el resultado limpio y relevante.
• Control sobre comentarios: Incluye una opción para conservar o eliminar comentarios (líneas que contienen # o //) del texto de entrada, permitiendo añadir notas que no aparecerán en el árbol final.
• Procesamiento local y seguro: Todos los archivos y la estructura de carpetas se procesan exclusivamente en tu navegador. Ningún dato se envía a un servidor, garantizando la total privacidad y seguridad de tu código.

🧐 Preguntas Frecuentes

Q. ¿Qué tipo de sangría se admite en el modo de texto?

A. La herramienta es flexible y compatible tanto con espacios como con tabulaciones. Interpreta automáticamente los diferentes niveles de sangría para construir la jerarquía del árbol, sin importar si usas 2 espacios, 4 espacios o tabulaciones.

Q. ¿Por qué algunas carpetas como node_modules no aparecen en el resultado?

A. Para generar una vista clara y útil de la arquitectura del proyecto, la herramienta está preconfigurada para ignorar directorios y archivos que suelen ser muy grandes o irrelevantes para la documentación, como node_modules, .git, dist, o archivos de configuración de editores como .vscode. Esto produce un árbol de directorios más limpio y enfocado en el código fuente.

📚 Sabías que... El comando tree

Esta herramienta web se inspira en el popular comando de terminal tree, disponible en sistemas operativos tipo Unix (Linux, macOS). El comando tree escanea el directorio actual y muestra su contenido en un formato de árbol jerárquico, lo que lo convierte en un recurso fundamental para los desarrolladores que trabajan desde la línea de comandos.

Si bien nuestra herramienta ofrece una interfaz gráfica conveniente, puedes lograr resultados similares en tu terminal. Por ejemplo, el comando tree -I 'node_modules|.git' mostrará la estructura del proyecto actual, excluyendo los directorios node_modules y .git, de forma muy parecida a como lo hace este generador online. Conocer estos comandos te permite documentar y explorar proyectos de manera eficiente directamente desde tu entorno de desarrollo.