Skip to main content

一个命令显示文件夹树状图

要想实现这种树状图只需要一条命令。

my-website
├── blog 博客文章
│ ├── 2019-05-28-hola.md
│ ├── 2019-05-29-hello-world.md
│ └── 2020-05-30-welcome.md
├── docs 普通文章
│ ├── doc1.md
│ ├── doc2.md
│ ├── doc3.md
│ └── mdx.md
├── src
│ ├── css
│ │ └── custom.css 自定义css
│ └── pages
│ ├── styles.module.css
│ └── index.js react的博客首页
├── static
│ └── img
├── docusaurus.config.js 修改主题、页头、侧边栏、页脚之类的
├── package.json
├── README.md
├── sidebars.js
└── yarn.lock

终端打开想生成树状图的文件夹,然后执行tree

C:.
├───public
└───src
├───components
│ ├───book
│ └───user
├───http
├───router
└───store

如果想带上里面的文件,使用tree /f

src
│ App.vue
│ main.js

├───components
│ │ Book.vue
│ │ Home.vue
│ │ Login.vue
│ │ Main.vue
│ │ Message.vue
│ │ Notice.vue
│ │
│ ├───book
│ │ Add.vue
│ │ Borrowing.vue
│ │ Detail.vue
│ │ Record.vue
│ │ Return.vue
│ │
│ └───user
│ Info.vue

├───http
│ index.js

├───router
│ index.js

└───store
index.js

导出到文件中可以使用tree -f > tree.txt