Directory Tree Generator - ToolWa Online Tools

目录树生成简介

一款免费的在线目录树生成器（文件夹目录树生成工具）。在浏览器里选择本地文件夹，即可生成整洁的目录树文本，用于展示项目目录结构与文件层级。生成的目录结构可直接复制到项目 README、技术文档或代码评审中，无需安装软件，也不用记忆 tree 命令。文件仅在浏览器本地读取和解析，不会上传到服务器。

使用方法

点击上传区选择文件夹，或把文件夹拖拽到上传区。
按需在「生成选项」里调整参数，各选项说明见下表。
生成过程中状态栏会显示进度，完成后点击「复制」即可拿到目录树文本。
想换一组参数时，修改选项后点「重新生成」，不需要重新选择文件夹。

生成选项

选项	说明
连接线风格	`经典树形` 使用 `├─`、`└─`、`│` 连接线；`纯缩进` 只用空格表示层级
每层缩进	每一层级缩进的空格数，可选 2 / 3 / 4
排序方式	默认按名称排序；也可保持浏览器返回文件的原始顺序
最大节点数	整棵树包含的节点上限，默认 5 万；超过时只生成前 N 个节点并给出提示；可选 1 万 / 5 万 / 20 万 / 不限制
排除名称	逗号分隔的文件或文件夹名，如 `node_modules, .git, dist`；精确匹配、不区分大小写
每文件夹最多列出文件数	默认 100，超出的文件用 `...` 代替；设为 `0` 时只显示文件夹，不显示任何文件名；文件夹不计入该上限
排除隐藏文件	跳过所有以 `.` 开头的文件和文件夹

所有选项会自动保存在当前浏览器中，下次打开工具时自动恢复。

生成效果示例

test
├─ 新建 Microsoft Excel 工作表.xlsx
├─ 新建 Microsoft Word 文档.docx
├─ 新建位图图像.bmp
├─ 新建文本文档 - 副本 (2).txt
├─ 新建文本文档 - 副本 (3).txt
├─ 新建文本文档 - 副本.txt
├─ 新建文本文档.txt
└─ folder
 └─ 新建文本文档.txt

适用场景

为 GitHub、GitLab、Gitee 上的项目 README 生成目录结构，让读者一眼看清代码库布局。
编写技术文档、接口文档或交付说明时，快速展示文件夹层级与文件分布。
制作教程、分享项目目录树时，不用手工敲 ├─、└─ 连接线。
不便使用命令行时，作为 Windows tree / Linux find 等命令的在线替代方案。

常见问题

如何在线生成目录树？ 点击本页上传区选择文件夹，等待进度完成后复制结果即可，整个过程都在浏览器本地完成。
只想看文件夹结构怎么办？ 把「每文件夹最多列出文件数」设为 0，结果就只保留文件夹层级。
文件特别多会卡住吗？ 文件夹很大也能正常生成，过程中会显示进度；还可以用「排除名称」过滤 node_modules、.git 等不想展示的目录。
和 tree 命令生成的结果一样吗？ 输出可切换为连接线树形或纯缩进风格，复制到 Markdown 代码块中即可展示；文末也给出了 tree 命令的用法对照。

文件很多时

即使文件夹里有成千上万个文件，生成过程也能顺畅进行，页面会显示进度，不会卡住。
结果太长不好阅读时，可以调小「每文件夹最多列出文件数」，或在「排除名称」里填上 node_modules、.git 等不需要展示的目录。
只想快速了解结构时，把文件数设为 0 就只显示文件夹；想控制整体规模可以调整「最大节点数」。
生成的目录树会在可滚动的区域中展示，长内容也能轻松查看和复制。

注意事项

本工具依赖浏览器提供的文件夹读取能力，受系统限制，部分移动端设备上可能无法正常使用。
空文件夹不会出现在结果中：浏览器只把文件列表交给网页，不包含没有文件的目录。
拖拽文件夹在部分浏览器中可能只识别为一个条目，此时请改用点击选择文件夹。
本工具数据均在本地处理，不会上传您的文件夹到服务器，请放心使用。

在 Windows 或 Linux 机器上，也可以使用 tree 命令生成目录。

tree /f > output.txt

生成的效果如下：

C:.
│  output.txt
│  新建 Microsoft Excel 工作表.xlsx
│  新建 Microsoft Word 文档.docx
│  新建位图图像.bmp
│  新建文本文档 - 副本 (2).txt
│  新建文本文档 - 副本 (3).txt
│  新建文本文档 - 副本.txt
│  新建文本文档.txt
│  
└─folder
        新建文本文档.txt