跳到主要内容

目录树生成器:为 README 生成 ASCII 文件树

把缩进的文件清单变成漂亮的 ASCII 目录树,自带分支引导线,可选 Unicode 或 ASCII,一键复制进任何 README,纯浏览器本地

  • 本地处理
  • 分类 开发运维
  • 适合 分享前检查文件类型、大小、元数据和明显不匹配信号。
每行写一个文件或文件夹,用缩进表示层级,文件夹行末尾加斜杠。工具会画出 README 常见的树形,带 ├── └── 和 │ 引导线。缩进可选 2 空格、4 空格或 Tab,连接符在 Unicode 和 ASCII 之间切换,文件夹斜杠可留可去。切到逆向,就能把树形还原成缩进清单。全部在浏览器里运行,分享链接可原样打开这棵树。
模式
选项
缩进清单7
ASCII 目录树

这个工具能做什么

免费目录树生成器,把一份缩进的文件和文件夹清单,变成大家写进 README 或粘到聊天里的那种树形图。每行写一个条目,用缩进表示谁在谁里面,文件夹 行末尾加一个斜杠,工具就替你把分支线画好。它输出的形状和 unix 的 tree 命令打印出来的一致,带正确的分支和竖线引导,不管嵌套多深,每一层都对得 整整齐齐。缩进单位可选两个空格、四个空格或一个 Tab;连接符可在 Unicode 和纯 ASCII 之间切换,方便那些会把方框字符显示乱的终端;文件夹后的斜杠 可留可去;整棵树一键复制。还有一个逆向模式:把画好的树形粘进来,拿回 缩进清单,改完别人已经画好的结构再重新生成。全部随敲随出、在浏览器本地 运行,什么都不上传,分享链接能原样打开这棵树。

工具细节

输入
文件 + 文本
页面会根据工具类型展示文本框、数值控件、文件选择或结构化输入。
输出
即时结果 + 复制
结果区优先给出可操作结果,支持项会显示复制、下载或可视化预览。
隐私
浏览器本地处理
主工具逻辑未发现外部 API 调用,输入通常留在当前标签页内处理。
保存 / 分享
可分享链接状态
关键设置会进入 URL,复制链接后别人能复现同一组参数。
性能预算
首屏 JS ≤ 9 KB
没有声明 WASM 依赖,适合快速打开和移动端使用。
适用场景
开发运维 · 程序员
分类和职业标签用于推荐相关工具、组织内链,并帮助用户快速判断是否适合当前任务。

怎么用

  1. 1. 输入

    把内容粘贴或拖入工具面板。

  2. 2. 处理

    点击按钮,在浏览器内本地处理,文件不上传。

  3. 3. 复制 / 下载

    一键复制结果或下载到本地。

目录树生成器 适合怎么用

适合在上传、交付、归档、客服排查前使用,也适合任何文件离开本机前的本地复核。

适合文件任务

  • 分享前检查文件类型、大小、元数据和明显不匹配信号。
  • 上传、归档、接收或审核前整理混合文件夹。
  • 敏感文件先留在浏览器里处理,不用交给账号型服务。

文件检查项

  • 不要只凭扩展名判断真实文件类型。
  • 文件发给客户、供应商或公开页面前,先看元数据。
  • 复制、转换或导出结果确认前,保留原文件。

下一步可以接着做

这些入口会把当前任务接到更完整的工具链里。

  1. 1 .gitignore 生成器 勾选你的技术栈 —— Node、Python、Go、Docker、macOS、VS Code —— 生成去重、分节的 .gitignore。纯浏览器本地。 打开
  2. 2 文本加行号 给粘贴的文本每行加序号 —— 自定起始号、步长、分隔符,补零右对齐,可跳空行,也能把已有行号去掉 —— 纯浏览器本地 打开
  3. 3 ASCII 艺术生成器 文字 ASCII 艺术生成器 —— figlet 风格横幅,多字体。 打开

真实使用场景

  • 在 README 里说明项目结构

    一份好的 README 开头通常会摆出目录布局,好让新来的贡献者知道东西 放在哪。把结构写成缩进清单,文件夹用斜杠标出,工具就画出树形。把它 粘进代码块,在 GitHub 上就以等宽字体显示。以后加了文件夹,改清单 再重新生成就行,不用手动去挪方框字符、把对齐弄坏。

  • 在教程或博客里展示目录布局

    写一篇要读者建一组特定文件的教程?一棵树能让目标一眼看清。先把布局 草拟出来,生成树形,放进文章里,读者就能拿自己的文件夹和图对照, 而不用从一大段文字里去抠哪个文件该放哪。如果你的博客平台会把 Unicode 方框字符显示乱,就切到 ASCII 连接符。

  • 在没有 tree 命令的环境里记录目录布局

    你在一台没装 unix tree 命令的机器上,或者在沙箱里,又或者手里只有 别人文件管理器的一张截图。把结构重新敲成缩进清单,就能得到 tree 命令本会输出的同样结果,带分支和竖线引导,什么都不用装。把它复制 进工单、代码评审或设计文档,清楚标明一处改动碰了哪些文件。

  • 在动手之前先规划文件夹结构

    给一个新服务或新库设计布局时,用树形比用零散的笔记更好理一遍。把 目录和关键文件草拟成缩进清单,看着树形实时更新,反复调整直到顺眼。 把网址发给同事,在一个文件夹都还没建之前先就结构达成一致,然后照着 搭出来。

常见踩坑

  • 在同一份清单里混用缩进单位。工具设成空格,却有的行用两个空格、有的用 Tab,子级就可能落到错误的深度,或跳到错误的父级下面。选定一种单位,把工具设成一致,整份清单都保持统一。

  • 忘了给文件夹加末尾斜杠。不加的话,没有下级的文件夹看起来就像文件,比如空目录 assets/ 会显示成普通的 assets。给每个文件夹都加上斜杠,尤其是暂时什么都没放的末端文件夹,读者才能区分目录和文件。

  • 把渲染好的树粘到会破坏方框字符的地方。Unicode 树在某些终端、日志查看器和纯文本邮件里会变成问号或方框。如果目标处显示乱了,把连接符切到 ASCII 再复制一次,形状就能保住。

隐私说明

生成目录树是浏览器标签页里运行的纯 JavaScript:你敲进去的文件和文件夹 名都不离开页面,也不记录,所以草拟一个未发布或内部项目的布局,内容 不会跑到任何地方。唯一要注意:分享链接会把清单写进查询字符串,所以把 分享链接粘到聊天里,对方服务器的访问日志会留下这些名字,而且很长的 结构会从链接里被丢掉(工具在屏幕上照常工作)。涉及保密的布局,请用 复制按钮粘贴文本,而不是分享网址。

常见问题

类似工具组合

做你这行的人, 还会一起用这些。

Made by Toolora · 100% client-side · Updated 2026-05-29