Anúncios incomodam? Ir Sem anúncios Hoje 

Gerador de Árvore de Diretórios (ASCII)

DesenvolvedorTexto

ANUNCIADO Remover?

ENTRADA

Processo Automático

SAÍDA

Lado cliente

ANUNCIADO Remover?

Guia

Gerador de árvore de diretórios/pastas (ASCII)

Gerador de árvore de pastas e diretórios

Transforme uma lista simples de arquivos indentados ou um conjunto de caminhos separados por barras em uma árvore de diretórios limpa no formato ASCII com caracteres de desenho adequados. Perfeito para READMEs, documentação técnica, posts de blog e revisões de código, onde a estrutura visual de um projeto transmite mais do que uma lista plana de caminhos de arquivos.

Como usar

Cole uma lista de arquivos indentada (espaços ou tabulações) ou uma lista de caminhos separados por barras (um por linha) no campo de entrada.
Escolha um formato de entrada — mantenha como padrão Detectar Automaticamente para a maioria dos casos.
Escolha um estilo de árvore: desenho com Unicode, ASCII simples ou indentação pura.
Ative ícones de arquivo/pasta, barra final nas pastas ou modo compacto conforme necessário.
Clique no cópia de botão para copiar a árvore gerada, ou Download também como um tree.txt arquivo.

Características

Dois formatos de entrada – Lista indentada ou caminhos separados por barras, com detecção automática.
Três estilos de renderização – Desenho com Unicode (├── └── │), ASCII simples (|– `– |) ou indentação pura.
Alternância de ícones – Adicione marcadores 📁 e 📄 para distinguir pastas de arquivos de forma rápida.
Opção de barra final – Marque pastas com uma barra final para uma saída clara.
Modo compacto – Espaçamento mais apertado para árvores profundamente aninhadas.
Detecção automática de pastas – Qualquer caminho que contenha filhos será renderizado como uma pasta; os nós folhas tornam-se arquivos a menos que você adicione uma barra final.
Renderização instantânea no lado do cliente – Sem upload, sem requisição ao servidor, nenhum dado sai do seu navegador.

Casos de uso comuns

Documentação de README – Mostre a estrutura do projeto para que contribuidores possam navegar rapidamente pelo código.
Tutoriais e posts de blog – Ilustre a estrutura de arquivos antes de apresentar exemplos de código.
Revisões de código e documentos de design – Comunique a estrutura proposta de pastas para novas funcionalidades.
Materiais de onboarding – Ajude novos engenheiros a entender a estrutura de monorepo ou microserviços.
Relatórios de issues e reproduções de bugs – Cole uma estrutura mínima do repositório ao abrir issues no GitHub.

 Perguntas frequentes

O que são caracteres de desenho de caixas?

Os caracteres de desenho de caixas são ícones Unicode (intervalo U+2500–U+257F) projetados para desenhar caixas, linhas e conectores de árvores com texto monoespaco. O estilo de árvore usa ├ (U+251C), └ (U+2514), ─ (U+2500) e │ (U+2502) para renderizar estruturas de ramificação sem gráficos bitmap. Eles se renderizam de forma confiável em qualquer ambiente UTF-8, incluindo editores de código, previsões de Markdown e terminais.
Quando devo usar o estilo ASCII em vez dos caracteres de desenho de Unicode?

Use ASCII simples (|-- e `--) quando o ambiente de destino pode não renderizar Unicode corretamente: terminais antigas, certos agregadores de logs, e-mails em texto simples ou sistemas com restrições rígidas de ASCII apenas. Os caracteres de desenho se apresentam melhor em editores modernos, READMEs do GitHub e na maioria das plataformas de documentação.
Como o tool distingue pastas de arquivos?

No formato de caminhos separados por barras, qualquer componente do caminho que tenha filhos abaixo é tratado como uma pasta, enquanto os nomes de folhas são tratados como arquivos. Você pode sobrescrever essa regra ao adicionar uma barra final (por exemplo, my-project/empty-folder/) para forçar um nó a ser renderizado como pasta mesmo sem filhos. No formato indentado, a mesma regra de folha versus pai se aplica.
Por que usar uma fonte monoespaco para a saída da árvore?

Os conectores da árvore apenas alinham verticalmente quando cada caractere ocupa a mesma largura horizontal. Fontes proporcionais comprimem ícones estreitos como a barra vertical, quebrando a alinhamento entre linhas de pai e filhos. Sempre cole a saída em um contexto monoespaco, como um bloco de código, terminal ou Markdown pre-formatado.