FileTree 是一个基于 Vue3 的工具,你可以选择一个本地文件夹,并根据其结构生成清晰的文件树。
生成的文件树可以直观地展示复杂的文件夹结构与文件基本信息,还可以预览文件。支持导出为适用于拥有 Markdown 增强的文件树格式,方便在 Markdown 中使用。
- 文件夹选择:你可以选择本地文件夹,系统会自动解析其结构。
- 文件树生成:根据文件夹结构生成清晰的文件树,支持展开/折叠操作。
- 导出功能:将文件树导出为
Markdown兼容的格式,方便在支持Markdown增强的编辑器中使用,例如博客主题 theme-plume。 - 直观展示:通过树形结构直观展示复杂的文件夹层次关系与文件基本信息,预览其中的文件。
-
克隆项目:
git clone git@github.com:zhenghaoyang24/filetree.git cd filetree -
安装依赖:
npm install
-
运行项目:
npm run dev
-
构建项目:
npm run build
欢迎提交 Issue 和 Pull Request 来改进项目。
本项目采用 MIT 许可证。详情请参阅 LICENSE 文件。
感谢使用 FileTree!希望它能帮助你更高效地管理和展示复杂的文件夹结构。