Mac 生成项目目录树形结构

# 安装 tree
brew install tree

# 安装后在文件夹内执行
tree

# 更多命令查看帮助
tree --help

# 只显示文件夹
tree -d 

# tree -L n 要显示项目的层级。n为层级数 
# 比如我要显示每个目录往下两级 
tree -L 2

# tree -I pattern 过滤不想显示的文件或者文件夹。
# 比如我要过滤node依赖还有src文件夹 
tree -I 'node_modules|src'

# 将项目结构输出到 tree.txt 这个文件
tree > tree.txt 

常用命令
一定要注意大小写！

tree src

src
├── App.vue
├── api
│   ├── table.js
│   └── user.js
├── assets
│   └── 404_images
│       ├── 404.png
│       └── 404_cloud.png
├── components
│   ├── Breadcrumb
│   │   └── index.vue
│   ├── Hamburger
│   │   └── index.vue
│   └── SvgIcon
│       └── index.vue
├── icons
│   ├── index.js
│   ├── svg
│   │   ├── dashboard.svg
│   │   ├── example.svg
│   │   ├── eye-open.svg
│   │   ├── eye.svg
│   │   ├── form.svg
│   │   ├── link.svg
│   │   ├── nested.svg
│   │   ├── password.svg
│   │   ├── table.svg
│   │   ├── tree.svg
│   │   └── user.svg
│   └── svgo.yml
├── layout
│   ├── components
│   │   ├── AppMain.vue
│   │   ├── Navbar.vue
│   │   ├── Sidebar
│   │   │   ├── FixiOSBug.js
│   │   │   ├── Item.vue
│   │   │   ├── Link.vue
│   │   │   ├── Logo.vue
│   │   │   ├── SidebarItem.vue
│   │   │   └── index.vue
│   │   └── index.js
│   ├── index.vue
│   └── mixin
│       └── ResizeHandler.js
├── main.js
├── permission.js
├── router
│   └── index.js
├── settings.js