推荐：项目树生成工具

是否经常看到别人的博客或教程上看到工程项目树？下面就是介绍其生成工具：
.
├── 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，那就更方便了，一道命令即可安装：

brew install tree

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

tree

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

tree -d

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

tree -L 2

这两个命令基本够用，还有忽略功能 -I （ignore），具体可查看命令：

tree -help

更多教程点击这里