AHK在线工具箱 - 免费在线效率工具平台

找到适合你的工具,让工作与生活更高效

💥 首页 > 编程工具 > 编程辅助

在线文件目录树生成

内容摘要:

在线文件目录树生成工具是一款面向开发、文档编写和项目整理场景的网页应用,用户无需安装软件,打开浏览器即可快速把文件夹和文件的层级关系转换成清晰的树形结构图。

目录树生成器
选择文件夹或拖拽本地文件夹/文件至此处... 📁 点击选择文件夹 / 拖拽文件至此处
目录树输出与规则配置 Tree & Config Details
转换参数与过滤设置 Configuration Details
根节点名称root
包含文件总数0
树形节点风格
节点图标显示
忽略常见隐藏项
自定义排除项
生成结果 Preview 0 行文本

它是一个文件夹结构可视化工具。
你选一个本地文件夹(或者直接把文件夹拖进网页),它就会自动读取里面的所有文件和子文件夹,然后生成一张像这样的“目录树”:

📁 my-project

├── 📁 src

│   ├── 📄 index.js

│   └── 📄 style.css

├── 📄 README.md

└── 📄 package.json

整个过程不用安装软件,打开网页就能用,文件也不会被上传到任何服务器,全程在你自己的浏览器里完成。

主要能做什么?

  • 一键生成目录树:选文件夹或拖拽进去,立刻出结果。

  • 三种树形风格可选:

    • 标准分支:├── └── │ 这种经典样式

    • 纯缩进空格:干净简洁,适合某些编辑器

    • Markdown 列表:* 开头,直接贴进 Markdown 文档


  • 图标可选:显示 📁 / 📄 图标,或者纯文字不要图标。

  • 自动忽略常见杂物:默认会跳过 .git、node_modules、.DS_Store 这些没必要展示的东西。

  • 自定义排除项:想额外忽略哪些文件夹或文件,自己填,逗号分隔。

  • 手动粘贴路径也能用:不想选文件夹?直接把一堆文件路径粘进去,也能生成目录树。

  • 一键复制:生成结果整段复制,贴到哪儿都行。

  • 实时统计:显示处理了多少个文件、生成了多少行文本。

适合谁用?

  • 程序员 / 开发者:写 README、项目文档时,需要展示项目结构。

  • 写教程的人:讲解文件夹怎么组织,配一张目录树图更清楚。

  • 学生:交作业时展示代码文件夹结构,显得更专业。

  • 整理资料的人:想看看自己某个文件夹里到底装了什么。

  • 任何需要“把文件夹结构变成文字”的人。

用起来是什么感觉?

打开页面,顶部是一个深色大卡片,写着“目录树生成器”,下面提示你点击选择文件夹或拖拽文件进来。
把文件夹拖进去(或者点一下选文件夹),几秒钟后,下面的文本框里就出现了整整齐齐的目录树。

中间是配置区,左边是参数,右边每行都有“复制”按钮:

  • 根节点名称(默认是文件夹名,也可以自己改)

  • 包含文件总数

  • 树形风格(标准 / 缩进 / Markdown)

  • 是否显示图标

  • 是否忽略隐藏项

  • 自定义排除规则

改任何一个选项,目录树会自动重新生成,不用再点按钮。

底部四个按钮:

  • 打开本地文件夹:重新选一个

  • 重置所有数据:清空重来

  • 复制目录树:一键复制结果

  • 生成目录树:手动触发(也可以粘贴路径文本后点它)

整体感觉就是 “拖进去 → 看一眼 → 复制走”,三步搞定。
对于经常要写文档、展示项目结构的人来说,比手动敲目录快太多了,而且格式整齐、不容易出错。