是否经常看到别人的博客或教程上看到工程项目树?下面就是介绍其生成工具:
.
├── components
│ └── menu.vue
├── css
│ └── home.css
├── js
│ └── equ.js
├── main.js
├── scss
│ └── home.scss
└── vue
├── about.vue
├── blog.vue
├── home.vue
└── topic.vue

这里是下载地址,如果你是mac,且安装了homebrew,那就更方便了,一道命令即可安装:

1
brew install tree

安装好后,cd到工程文件不是太多的项目下演示,为什么不要太多文件?因为默认的tree命令会把所有文件全列出来,一下展示上千个文件,你的终端屏幕就满了,也看不到酷酷的效果:

1
tree

如果想只展示项目文件夹,加-d即可,这样就简洁很多:

1
tree -d

如果只想展示两层,也就是两个cd深度,那么加 -L 2就行,同理,三层就是-L 3

1
tree -L 2

这两个命令基本够用,还有忽略功能 -I (ignore),具体可查看命令:

1
tree -help

更多教程点击这里