Mac下可以使用tree列出项目结构
类似：
├── README.md
├── build
│ ├── build.js
│ ├── check-versions.js
│ ├── logo.png
│ ├── utils.js
│ ├── vue-loader.conf.js
│ ├── webpack.base.conf.js
│ ├── webpack.dev.conf.js
│ ├── webpack.prod.conf.js
│ └── webpack.test.conf.js
├── config
│ ├── dev.env.js
│ ├── index.js
│ ├── prod.env.js
│ └── test.env.js
├── dist
│ ├── index.html
│ └── static
│ ├── css
│ └── js
├── index.html
├── package.json
├── src
│ ├── App.vue
│ ├── assets
│ │ └── logo.png
│ ├── components
│ │ ├── HelloWorld.vue
│ ├── main.js
│ └── router
│ └── index.js
├── static
└── test
Mac下可以使用 brew install tree 进行安装。
那么下面介绍几个常用的命令：
1、 tree -A显示所有文件和目录；
2、tree -C在文件和目录清单加上色彩，便于区分各种类型。
2、 tree -D 只显示文件夹；
3、tree -L n 显示项目的层级。n表示层级数。比如想要显示项目三层结构，可以用tree -l 3；
4、tree -I pattern 用于过滤不想要显示的文件或者文件夹。比如你想要过滤项目中的node_modules文件夹，可以使用tree -I "node_modules"；
5、tree > tree.md 将项目结构输出到tree.md这个文件。
当然了，大多数命令可以叠加使用