返回目录工具
目录树生成
把文件夹生成类似 tree 命令的文本目录树,可设层级、忽略规则与大小,不读取文件内容。
正在加载…
只在浏览器中读取文件名与大小,不打开、不上传文件内容。
工具介绍
把文件夹生成类似 tree 命令输出的文本目录树,可以放进项目 README、文档或问题反馈里,也可以用来快速看清一个文件夹里有什么。可以限制层级、忽略 node_modules 这类文件夹、只显示文件夹,或者附上大小。
文件夹排在前面,名称中的数字按大小排序,file2 排在 file10 之前。结果可以复制为纯文本或 Markdown 代码块,也可以下载为 tree.txt。只在浏览器中读取文件名与大小,不打开、不上传文件内容。
使用步骤
- 把文件夹拖到页面上,或点击“选择文件夹”选取。
- 用“层级(0 为全部)”限制展开的层数,在“忽略(逗号分隔,支持 *)”中修改要排除的名称,默认是 node_modules、.git、.DS_Store、Thumbs.db。
- 需要时勾选“只显示文件夹”或“显示大小”,修改选项后目录树会立即更新。
- 点击“复制”“复制为 Markdown”或“下载 .txt”。
常见问题
忽略规则怎么写?
每条规则都会和每一级文件、文件夹的名称比较,不区分大小写,* 可以匹配任意多个字符,例如 *.log 会隐藏所有日志文件;被忽略的文件夹连同里面的内容一起隐藏。多条规则用逗号分隔,中英文逗号都可以。
为什么空文件夹没有显示?
用“选择文件夹”时,浏览器只列出文件,空文件夹无法显示;改为把文件夹拖到页面上,空文件夹就会出现。
“显示大小”里文件夹的大小怎么算?
文件夹的大小是其中所有文件的总和,不含被忽略的文件;单位按 1024 进制换算为 KB、MB 等,保留一位小数。
选择文件夹时会上传文件吗?
不会。浏览器可能会请你确认是否允许访问该文件夹,但页面只读取每个文件的路径和大小,不打开内容,也不发送到服务器。
能直接贴到 README 里吗?
可以。“复制为 Markdown”会用 ``` 把目录树包成代码块,渲染后仍保持原有的缩进和连线。