html生成好看的代码

Question

├─examples // 原 src 目录，改成 examples 用作示例展示
│ │ App.vue //主页文件
│ │ main.js //项目入口文件
│ │
│ ├─docs //markdown帮助文档文件夹
│ │
│ └─router
│ index.js //路由配置文件
│
├─src // 新增 src 用于编写存放组件
│ │ index.js //组件集成统一访问文件配置
│ │
│ ├─components //组件文件夹
│ ├─directives //自定义指令文件夹
│ ├─mixins //混入文件
│ └─styles //样式文件夹

在html想要生成这样子的目录接口，用什么js呀?

Answer 1

用<pre></pre>标签可以直接保留原格式

├─examples // 原 src 目录，改成 examples 用作示例展示
│ │ App.vue //主页文件
│ │ main.js //项目入口文件
│ │
│ ├─docs //markdown帮助文档文件夹
│ │
│ └─router
│ index.js //路由配置文件
│
├─src // 新增 src 用于编写存放组件
│ │ index.js //组件集成统一访问文件配置
│ │
│ ├─components //组件文件夹
│ ├─directives //自定义指令文件夹
│ ├─mixins //混入文件
│ └─styles //样式文件夹

Answer 2

http://jsrun.net/ISgKp/edit 之前写过一个，找不到了。就先用这个看吧。等找到了再放出来

Answer 3

需要node 了解一下
https://blog.csdn.net/isea533...

Answer 4

一般情况下是使用系统自带的tree命令生成一个tree树，然后复制到markdown文件中，一一进行注释