Mac使用tree生成目錄結(jié)構(gòu)
前言
程序員經(jīng)常會有需求啤覆，需要列出項(xiàng)目的結(jié)構(gòu)樹眼虱。Mac或者Linux下可以使用tree列出項(xiàng)目結(jié)構(gòu)谭企，如下圖這種：
tree examples
examples
└── example.js
使用起來也非常簡單救拉。
Mac下可以使用brew install tree進(jìn)行安裝。安裝后沙绝，在terminal中輸入tree -a便可以查看某個文件夾下的所有文件。
常用的命令
當(dāng)然了鼠锈，我們的需求肯定不止列出所有文件這么簡單闪檬。下面介紹幾個常用的命令
* tree -d 只顯示文件夾；
* tree -L n 顯示項(xiàng)目的層級购笆。n表示層級數(shù)粗悯。比如想要顯示項(xiàng)目三層結(jié)構(gòu)，可以用tree -l 3同欠；
* tree -I pattern 用于過濾不想要顯示的文件或者文件夾样傍。比如你想要過濾項(xiàng)目中的node_modules文件夾，可以使用tree -I "node_modules"铺遂；
* tree > tree.md 將項(xiàng)目結(jié)構(gòu)輸出到tree.md這個文件衫哥。
舉個例子，如果我們要顯示某個項(xiàng)目下3層的所有文件結(jié)構(gòu)襟锐，同時又過濾node_modules文件夾撤逢，最后輸出到tree.md，可以這么寫
tree -L 3 -I "node_modules"
結(jié)果為：
.
├── README.md
├── build
│ ├── build.js
│ ├── check-versions.js
│ ├── dev-client.js
│ ├── dev-server.js
│ ├── utils.js
│ ├── webpack.base.conf.js
│ ├── webpack.dev.conf.js
│ └── webpack.prod.conf.js
├── config
│ ├── dev.env.js
│ ├── index.js
│ └── prod.env.js
├── docs
│ ├── index.html
│ └── static
│ ├── css
│ └── js
├── git.sh
├── index.html
├── npm-debug.log
├── open
├── package.json
├── src
│ ├── App.vue
│ ├── assets
│ │ ├── list.scss
│ │ ├── logo.png
│ │ ├── search-btn.png
│ │ └── style.scss
│ ├── components
│ │ ├── Hello.vue
│ │ ├── Spinner.vue
│ │ └── header.vue
│ ├── main.js
│ ├── router.js
│ ├── store
│ │ ├── api.js
│ │ ├── modules
│ │ ├── store.js
│ │ └── types.js
│ └── views
│ ├── book
│ ├── index.vue
│ ├── movie
│ └── vuex-demo.vue
├── static
└── tree.md
更多命令的使用可以查看tree --help。
windows 使用tree生成目錄結(jié)構(gòu)
tree /F d:\dir1 > d:\tree.txt
就是將d:\dir1的目錄結(jié)構(gòu)以樹狀形式輸出報(bào)告到文件tree.txt中蚊荣。
