推荐一个将 markdown 列表转化为 tree 命令树形格式的工具

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 1033 天前的主题，其中的信息可能已经有所发展或是发生改变。

写文章时更加方便，再也不用手动画线了。

地址: https://devtool.tech/tree

树形

Markdown

tree

列表

13 条回复 • 2022-03-04 09:08:14 +08:00

pkwenda

2022-01-11 12:28:41 +08:00

有两个疑问：
1 、左边的是怎么生成的
2 、和 tree 命令有什么区别，貌似一样

![image.png]( https://s2.loli.net/2022/01/11/qDRTinSJLjofA9u.png)

shanyue

2022-01-11 14:30:28 +08:00

@pkwenda 左边的是手动 markdown 列表写的，毕竟写文章时用真实目录需要做下脱敏的处理

4ark

2022-01-14 16:40:42 +08:00

对于只需要展示部分目录的情况，这个工具挺有用的，解决了我的需求。
但是希望在左侧按 tab 键不会切换输入框焦点，而是直接新增一个子层级。

yunser

2022-01-15 11:33:21 +08:00 via iPhone

打个广告，类似的目录树生成工具
https://mp.weixin.qq.com/s/V5KplBKEhhPQPwTqVf5EAQ

yunser

2022-01-15 11:35:42 +08:00 via iPhone

但有个疑问，既然需要手动维护左边的树，直接维护右边的树工作量差别不大吧。

brust

2022-01-18 10:20:00 +08:00

无聊试试删除新增同一行的空格发现有 bug

1.Application error: a client-side exception has occurred (see the browser console for more information).
2.删除空格后文档树对不准

shanyue

2022-01-21 15:54:58 +08:00

@4ark Tab 键新增子层级很有用，我添加一下

shanyue

2022-01-21 15:56:20 +08:00

@brust 删除空格后，对不准这条什么意思了

shanyue

2022-01-21 15:56:44 +08:00

@yunser 还是不一样的，右边的目录树特别是最后一行很难手动敲出来

brust

2022-01-21 16:01:37 +08:00

@shanyue #8

brust

2022-01-21 16:03:58 +08:00

@shanyue #8
在+ react-app 前面加空格就直接 error 了
Application error: a client-side exception has occurred (see the browser console for more information).

4ark

2022-02-11 16:01:38 +08:00

再提几个问题：
1. 左侧编辑体验还是不太好，不过可以用 vscode 先编辑好
2. 支持从右侧的数据恢复（有时候复制了成品，后续想再修改又得重来一遍
3. 右侧数据过高时会直接超出文本框

shanyue

2022-03-04 09:08:14 +08:00

@brust 好的，已修复
@4ark 感谢建议