tree：目錄樹生成工具

這里以vue-element-admin官方文檔的目錄結(jié)構(gòu)為例针肥，下圖就是該項(xiàng)目的目錄樹

image

Mac安裝tree之前需要安裝homebrow

Homebrew是一款Mac OS平臺下的軟件包管理工具
Homebrew —— OS X 不可或缺的套件管理器

官方提供的安裝方式饼记，但是需要掛梯子

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

可以直接在終端中運(yùn)行其他大佬托管到gitee的安裝腳本：

/usr/bin/ruby -e "$(curl -fsSL https://gitee.com/xueweihan/codes/vfrgh7z8qcjlx1ubwt6nk71/raw\?blob_name\=brew_install.sh)"

安裝tree

brew install tree

使用tree

tree命令行參數(shù):

-a 顯示所有文件和目錄。
-A 使用ASNI繪圖字符顯示樹狀圖而非以ASCII字符組合祖驱。
-C 在文件和目錄清單加上色彩握恳，便于區(qū)分各種類型。
-d 顯示目錄名稱而非內(nèi)容捺僻。
-D 列出文件或目錄的更改時間乡洼。
-f 在每個文件或目錄之前，顯示完整的相對路徑名稱匕坯。
-F 在執(zhí)行文件束昵，目錄，Socket葛峻，符號連接锹雏，管道名稱名稱，各自加上"*","/","=","@","|"號术奖。
-g 列出文件或目錄的所屬群組名稱礁遵，沒有對應(yīng)的名稱時，則顯示群組識別碼采记。
-i 不以階梯狀列出文件或目錄名稱佣耐。
-I 不顯示符合范本樣式的文件或目錄名稱。
-l 如遇到性質(zhì)為符號連接的目錄唧龄，直接列出該連接所指向的原始目錄兼砖。
-n 不在文件和目錄清單加上色彩。
-N 直接列出文件和目錄名稱，包括控制字符讽挟。
-p 列出權(quán)限標(biāo)示懒叛。
-P 只顯示符合范本樣式的文件或目錄名稱。
-q 用"?"號取代控制字符耽梅，列出文件和目錄名稱薛窥。
-s 列出文件或目錄大小。
-t 用文件和目錄的更改時間排序褐墅。
-u 列出文件或目錄的擁有者名稱拆檬，沒有對應(yīng)的名稱時，則顯示用戶識別碼妥凳。
-x 將范圍局限在現(xiàn)行的文件系統(tǒng)中竟贯，若指定目錄下的某些子目錄，其存放于另一個文件系統(tǒng)上逝钥，則將該子目錄予以排除在尋找范圍外屑那。

tree使用效果圖 ant-desgin開發(fā)的項(xiàng)目

├── about.png
├── banner.png
├── layouts
│ └── index.jsx
├── logo.png
├── map.gif
├── mapplus.png
└── pages
├── about
│ ├── Content11.jsx
│ ├── Feature4.jsx
│ ├── Pricing0.jsx
│ ├── data.source.js
│ ├── documentation.md
│ ├── index.jsx
│ ├── less
│ │ ├── antMotionStyle.less
│ │ ├── common.less
│ │ ├── content.less
│ │ ├── content11.less
│ │ ├── custom.less
│ │ ├── edit.less
│ │ ├── feature4.less
│ │ └── pricing0.less
│ ├── team
│ │ ├── Teams2.jsx
│ │ ├── data.source.js
│ │ ├── index.jsx
│ │ ├── less
│ │ │ ├── antMotionStyle.less
│ │ │ ├── common.less
│ │ │ ├── content.less
│ │ │ ├── custom.less
│ │ │ ├── edit.less
│ │ │ └── teams2.less
│ │ └── utils.js
│ └── utils.js
├── big
│ ├── Content9.jsx
│ ├── data.source.js
│ ├── index.jsx
│ ├── less
│ │ ├── antMotionStyle.less
│ │ ├── common.less
│ │ ├── content.less
│ │ ├── content9.less
│ │ ├── custom.less
│ │ └── edit.less
│ └── utils.js
├── index.css
├── index.js
├── last
│ ├── Banner1.jsx
│ ├── Contact0.jsx
│ ├── Content5.jsx
│ ├── Feature0.jsx
│ ├── Feature8.jsx
│ ├── Footer0.jsx
│ ├── Nav3.jsx
│ ├── index.jsx
│ ├── less
│ │ ├── antMotionStyle.less
│ │ ├── banner1.less
│ │ ├── common.less
│ │ ├── contact0.less
│ │ ├── content.less
│ │ ├── content5.less
│ │ ├── custom.less
│ │ ├── edit.less
│ │ ├── feature0.less
│ │ ├── feature8.less
│ │ ├── footer0.less
│ │ └── nav3.less
│ ├── utils.js
│ └── data.source.js
└── news
├── Feature5.jsx
├── documentation.md
├── index.jsx
├── less
│ ├── antMotionStyle.less
│ ├── common.less
│ ├── content.less
│ ├── custom.less
│ ├── edit.less
│ └── feature5.less
├── utils.js
└── data.source.js