它是一个文件夹结构可视化工具。
你选一个本地文件夹(或者直接把文件夹拖进网页),它就会自动读取里面的所有文件和子文件夹,然后生成一张像这样的“目录树”:
📁 my-project
├── 📁 src
│ ├── 📄 index.js
│ └── 📄 style.css
├── 📄 README.md
└── 📄 package.json
整个过程不用安装软件,打开网页就能用,文件也不会被上传到任何服务器,全程在你自己的浏览器里完成。
主要能做什么?
一键生成目录树:选文件夹或拖拽进去,立刻出结果。
三种树形风格可选:
标准分支:├── └── │ 这种经典样式
纯缩进空格:干净简洁,适合某些编辑器
Markdown 列表:* 开头,直接贴进 Markdown 文档
图标可选:显示 📁 / 📄 图标,或者纯文字不要图标。
自动忽略常见杂物:默认会跳过 .git、node_modules、.DS_Store 这些没必要展示的东西。
自定义排除项:想额外忽略哪些文件夹或文件,自己填,逗号分隔。
手动粘贴路径也能用:不想选文件夹?直接把一堆文件路径粘进去,也能生成目录树。
一键复制:生成结果整段复制,贴到哪儿都行。
实时统计:显示处理了多少个文件、生成了多少行文本。
适合谁用?
程序员 / 开发者:写 README、项目文档时,需要展示项目结构。
写教程的人:讲解文件夹怎么组织,配一张目录树图更清楚。
学生:交作业时展示代码文件夹结构,显得更专业。
整理资料的人:想看看自己某个文件夹里到底装了什么。
任何需要“把文件夹结构变成文字”的人。
用起来是什么感觉?
打开页面,顶部是一个深色大卡片,写着“目录树生成器”,下面提示你点击选择文件夹或拖拽文件进来。
把文件夹拖进去(或者点一下选文件夹),几秒钟后,下面的文本框里就出现了整整齐齐的目录树。
中间是配置区,左边是参数,右边每行都有“复制”按钮:
根节点名称(默认是文件夹名,也可以自己改)
包含文件总数
树形风格(标准 / 缩进 / Markdown)
是否显示图标
是否忽略隐藏项
自定义排除规则
改任何一个选项,目录树会自动重新生成,不用再点按钮。
底部四个按钮:
打开本地文件夹:重新选一个
重置所有数据:清空重来
复制目录树:一键复制结果
生成目录树:手动触发(也可以粘贴路径文本后点它)
整体感觉就是 “拖进去 → 看一眼 → 复制走”,三步搞定。
对于经常要写文档、展示项目结构的人来说,比手动敲目录快太多了,而且格式整齐、不容易出错。