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 > tree.txt 將項目結構輸出到 tree.txt 這個文件

全部命令

• -a 顯示所有文件和目錄。
• -A 使用ASNI繪圖字符顯示樹狀圖而非以ASCII字符組合。
• -C 在文件和目錄清單加上色彩，便於區分各種類型。
• -d 顯示目錄名稱而非內容。
• -D 列出文件或目錄的更改時間。
• -f 在每個文件或目錄之前，顯示完整的相對路徑名稱。
• -F 在執行文件，目錄，Socket，符號連接，管道名稱名稱，各自加上"*","/","=","@","|"號。
• -g 列出文件或目錄的所屬羣組名稱，沒有對應的名稱時，則顯示羣組識別碼。
• -i 不以階梯狀列出文件或目錄名稱。
• -I<範本樣式> 不顯示符合範本樣式的文件或目錄名稱。
• -l 如遇到性質爲符號連接的目錄，直接列出該連接所指向的原始目錄。
• -n 不在文件和目錄清單加上色彩。
• -N 直接列出文件和目錄名稱，包括控制字符。
• -p 列出權限標示。
• -P<範本樣式> 只顯示符合範本樣式的文件或目錄名稱。
• -q 用"?"號取代控制字符，列出文件和目錄名稱。
• -s 列出文件或目錄大小。
• -t 用文件和目錄的更改時間排序。
• -u 列出文件或目錄的擁有者名稱，沒有對應的名稱時，則顯示用戶識別碼。
• -x 將範圍侷限在現行的文件系統中，若指定目錄下的某些子目錄，其存放於另一個文件系統上，則將該子目錄予以排除在尋找範圍外。

---

看看輸出效果：

.
├── build
│   ├── config.js
│   ├── webpack.common.js
│   ├── webpack.dev.js
│   └── webpack.prod.js
├── dist
│   ├── css
│   │   ├── app.css
│   │   ├── app.css.map
│   │   ├── bread.css
│   │   ├── bread.css.map
│   │   ├── companies_page.css
│   │   ├── companies_page.css.map
│   │   ├── style.css
│   │   └── style.css.map
│   ├── fonts
│   │   ├── glyphicons-halflings-regular.eot
│   │   ├── glyphicons-halflings-regular.ttf
│   │   ├── glyphicons-halflings-regular.woff
│   │   └── glyphicons-halflings-regular.woff2
│   ├── images
│   │   ├── BlackHole-9c5a04.jpg
│   │   └── glyphicons-halflings-regular-898896.svg
│   ├── index.html
│   └── js
│       ├── app.js
│       ├── chunk.15854.js
│       ├── chunk.40874.js
│       ├── chunk.d7ffe.js
│       └── page.js
├── package-lock.json
├── package.json
├── server.js
└── yarn.lock

完美～
帶上個文檔吧～菜鳥教程文檔