YourTools.
English
返回目录
工具

目录树生成

把文件夹生成类似 tree 命令的文本目录树,可设层级、忽略规则与大小,不读取文件内容。

正在加载…

只在浏览器中读取文件名与大小,不打开、不上传文件内容。

工具介绍

把文件夹生成类似 tree 命令输出的文本目录树,可以放进项目 README、文档或问题反馈里,也可以用来快速看清一个文件夹里有什么。可以限制层级、忽略 node_modules 这类文件夹、只显示文件夹,或者附上大小。

文件夹排在前面,名称中的数字按大小排序,file2 排在 file10 之前。结果可以复制为纯文本或 Markdown 代码块,也可以下载为 tree.txt。只在浏览器中读取文件名与大小,不打开、不上传文件内容。

使用步骤

  1. 把文件夹拖到页面上,或点击“选择文件夹”选取。
  2. 用“层级(0 为全部)”限制展开的层数,在“忽略(逗号分隔,支持 *)”中修改要排除的名称,默认是 node_modules、.git、.DS_Store、Thumbs.db。
  3. 需要时勾选“只显示文件夹”或“显示大小”,修改选项后目录树会立即更新。
  4. 点击“复制”“复制为 Markdown”或“下载 .txt”。

常见问题

忽略规则怎么写?

每条规则都会和每一级文件、文件夹的名称比较,不区分大小写,* 可以匹配任意多个字符,例如 *.log 会隐藏所有日志文件;被忽略的文件夹连同里面的内容一起隐藏。多条规则用逗号分隔,中英文逗号都可以。

为什么空文件夹没有显示?

用“选择文件夹”时,浏览器只列出文件,空文件夹无法显示;改为把文件夹拖到页面上,空文件夹就会出现。

“显示大小”里文件夹的大小怎么算?

文件夹的大小是其中所有文件的总和,不含被忽略的文件;单位按 1024 进制换算为 KB、MB 等,保留一位小数。

选择文件夹时会上传文件吗?

不会。浏览器可能会请你确认是否允许访问该文件夹,但页面只读取每个文件的路径和大小,不打开内容,也不发送到服务器。

能直接贴到 README 里吗?

可以。“复制为 Markdown”会用 ``` 把目录树包成代码块,渲染后仍保持原有的缩进和连线。