README 目录结构

ASCII 目录树生成器

用缩进输入文件层级，实时生成 ├── / └── 风格目录树；也可把树状图反向还原为纯层级文本。

本地运行

输入

INPUT

模式缩进宽度

层级文本 / 目录树

准备就绪。

结果

OUTPUT

ASCII 目录树生成器适合编写 GitHub README、项目文档或交接说明。你只需要用空格或 Tab 写出层级文本，工具会根据父子关系自动生成带有 ├──、└── 和 │ 的标准目录树。反向清洗功能可以把复制来的树状图还原为缩进层级，便于继续编辑。所有转换逻辑都在本地 JavaScript 中完成。

实用指南

ASCII 目录树生成器

为 README、issue、教程和架构说明生成清晰的目录结构文本。

使用方法

把缩进列表、路径列表或粗略层级粘贴到输入框。
生成带分支符号和统一缩进的目录树。
检查名称和空格后复制到 Markdown 或纯文本中。
如果树结构比较乱，可以使用清理或反向转换思路重新整理。

常见场景

不运行终端命令，也能在 README 中展示仓库结构。
为教程、课程作业或项目说明记录文件夹层级。
在提交 bug report 前清理粘贴的文件列表。

本地运行说明

页面只处理你粘贴的文本，内容不会离开浏览器。

示例输入输出

示例输入

src
  components
    Button.tsx
  utils
    format.ts

示例输出

src
├── components
│   └── Button.tsx
└── utils
    └── format.ts

常见问题

它会自动读取本地文件夹吗？

不会。你需要粘贴文本，浏览器不会扫描你的文件系统。

输出能放进 Markdown 吗？

可以，建议放在代码块里保持格式稳定。

支持 Windows 路径吗？

支持路径列表清理，但混合分隔符时可能需要人工检查。

ASCII 目录树生成器

输入

结果

ASCII 目录树生成器

使用方法

常见场景

本地运行说明

相关工具

热门本地工具