不喜欢广告？ 去 无广告 今天
目录/文件夹树生成器（ASCII）
开发人员文本
广告 移除？
广告 移除？
指导
目录/文件夹树生成器
将一个简单的缩进文件列表或一组斜杠分隔的路径转换为清晰的ASCII目录树，使用正确的框线绘制字符。非常适合用于README、技术文档、博客文章和代码审查，其中视觉化的项目结构比简单的文件路径列表更有效。
如何使用
- 将缩进的文件列表（空格或制表符）或每行一个斜杠分隔的路径粘贴到输入框中。
- 选择输入格式——保持默认 自动检测 适用于大多数情况。
- 选择树形结构样式：Unicode框线绘制、纯ASCII或纯空格缩进。
- 根据需要切换文件/文件夹图标、文件夹尾部斜杠或紧凑模式。
- 点击 复制 点击生成树形结构的按钮，或 下载 将其作为
tree.txt文件。
特征
- 两种输入格式 – 缩进列表或斜杠分隔的路径，具有自动检测功能。
- 三种渲染样式 – Unicode框线绘制（├── └── │）、纯ASCII（|– `– |）或纯缩进。
- 图标切换 – 在文件夹和文件之间添加 📁 和 📄 标记，以便一目了然。
- 尾部斜杠选项 – 为文件夹添加尾部斜杠，以确保输出明确无误。
- 紧凑模式 – 为深度嵌套的树形结构提供更紧凑的横向间距。
- 自动文件夹检测 – 任何包含子项的路径都会被渲染为文件夹；叶子节点则被视为文件，除非你为其添加尾部斜杠。
- 客户端即时渲染 – 无需上传，无需服务器往返，数据永远不会离开你的浏览器。
常见用例
- README文档 – 展示项目布局，以便贡献者能快速导航代码库。
- 教程和博客文章 – 在介绍代码示例之前，先说明文件结构。
- 代码审查与设计文档 – 传达新功能的建议文件夹结构。
- 入职材料 – 帮助新工程师理解单体仓库或微服务布局。
- 问题报告与错误重现 – 在提交GitHub问题时，粘贴一个最小的仓库布局。
常问问题
-
什么是框线绘制字符？
框线绘制字符是Unicode字符（范围U+2500–U+257F），专为用等宽字体绘制框线、线条和树形连接器而设计。目录树样式使用├（U+251C）、└（U+2514）、─（U+2500）和│（U+2502）来渲染分支结构，而无需位图图形。它们在任何UTF-8环境中都能可靠渲染，包括代码编辑器、Markdown预览和终端。
-
何时应使用ASCII样式而不是Unicode框线绘制？
当目标环境可能无法正确渲染Unicode时，使用纯ASCII（|-- 和 `--）：旧式终端、某些日志聚合器、纯文本邮件或具有严格ASCII限制的系统。框线绘制字符在现代编辑器、GitHub README和大多数文档平台中看起来更整洁。
-
工具如何区分文件夹和文件？
在斜杠分隔的输入中，任何路径组件若其下有子项，则被视为文件夹，而叶子名称则被视为文件。你可以通过在路径末尾添加斜杠（例如 my-project/empty-folder/）来覆盖此规则，强制某个节点即使没有子项也以文件夹形式显示。在缩进输入中，相同的叶子与父节点规则同样适用。
-
为何使用等宽字体来渲染树形结构？
树形连接器只有在每个字符占据相同水平宽度时才能垂直对齐。比例字体会压缩窄字符（如竖线），导致父级和子级行之间的对齐断裂。请始终将输出粘贴到等宽上下文（如代码块、终端或预格式化的Markdown）中。
