tree-online在线ASCII文件结构生成器

0 次浏览 2025-06-13 0 条评论

zip

前端工具 React TypeScript ASCII图文件结构开发文档可视化

ASCII 图的生成器里，tree-online 算是比较实用的。用 TypeScript 和 React 写的，界面干净，响应也快，挺适合日常工作里快速搞个文件结构图。

输入方式比较直接，像：

my-project
  src
    index.html
    my-project.scss
  build
    index.html
    my-project.css

生成出来就是：

.
└── my-project/
    ├── src/
    │   ├── index.html
    │   └── my-project.scss
    └── build/
        ├── index.html
        └── my-project.css

这种 ASCII 结构图，写文档方便，贴代码也整洁。尤其写README或发 PR 结构的时候，清晰一目了然。

工具在线就能用，直接在浏览器里操作，文件结构拷进去就行，转换效果实时展示，蛮省事。

因为用的是TypeScript和React，你要是想改造下，加点功能，比如导出图片、自动缩进之类的，也都挺方便的。

哦对了，跟这个相关的技术资源你也可以看看：

如果你平时做文档多，或者写教程、做分享，用 tree-online 这种 ASCII 结构图工具，真的省时又省力。

文件大小：247.71KB