📖 工具说明
1. 为什么需要目录树生成工具？
手动维护项目结构图不仅容易出错，而且在文件较多时极其繁琐：
- 规范文档： 在 GitHub 项目的
README.md 中展示清晰的代码组织架构。
- 技术交流： 在博客或论坛发帖提问时，通过目录树让别人快速了解你的项目上下文。
- 项目审计： 快速梳理大型项目的依赖关系和模块划分。
- 跨平台分享： 将复杂的文件夹结构转化为纯文本格式，方便在邮件、Slack 或微信中发送。
2. 核心功能解析
本站 工具提供了从“快速草稿”到“专业导出”的全方位支持：
A. 多种风格输出 (Visual Styles)
- 标准 ASCII 风格： 使用
|-- 和 ，具有极佳的兼容性，适配所有代码编辑器。
- 扩展 Emoji 风格： 自动为文件夹（📁）和文件（📄）添加图标，视觉上更生动，适合现代文档。
- Markdown 风格： 配合代码块语法，完美嵌入各类文档系统。
B. 智能解析与缩进识别
- 路径解析： 直接粘贴一段带有
/ 或 \ 的路径列表，工具会自动识别层级。
- 缩进转换： 支持将带空格或制表符（Tab）的原始文本转换为标准的树状连线。
C. 灵活的定制选项
- 过滤规则： 可选隐藏
.git、node_modules 等无关紧要的干扰目录。
- 层级限制： 支持只显示前 N 层目录，防止输出内容过长导致文档冗余。
- 前缀自定义： 自由选择连线符号，满足不同的审美需求。
D. 隐私保护：本地计算
- 纯前端处理： 所有路径的拆解与绘图逻辑均在您的浏览器本地完成。
- 零上传： 您的项目名称、文件结构等敏感信息绝不上传服务器，确保项目隐私安全。
3. 输出示例
输入示例：
Plaintext
src/components/Header.js
src/components/Footer.js
src/utils/math.js
package.json
生成的标准树状图：
Plaintext
.
├── src/
│ ├── components/
│ │ ├── Header.js
│ │ └── Footer.js
│ └── utils/
│ └── math.js
└── package.json
4. 操作流程简述
- 准备数据： 您可以从 IDE（如 VS Code）中复制文件路径，或手动输入文件列表。
- 粘贴内容： 将路径列表粘贴到左侧输入框。
- 配置样式： * 选择是否显示图标（Emoji）。
- 实时预览： 右侧预览区会随着您的输入实时更新生成的树状图。
- 一键应用： 点击“复制到剪贴板”，将其粘贴到您的文档中。
5. 为什么选择本站目录树助手？
- 免安装命令： 无需在终端运行复杂的
tree 命令，网页端点点鼠标即可完成。
- 纠错能力： 能够处理不规范的缩进，自动补全缺失的父级节点。
- 极致轻量： 页面秒开，生成的文本经过优化，不包含多余的不可见字符。
- 完全免费： 无需注册，永久免费，助力开发者更优雅地展示代码。