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這個文件。
當然了，大多數命令可以疊加使用